画像のスライドショーを作成できるjQueryのプラグイン「Showcase」


20100217-03
Showcaseは画像のスライドショーが作成できるjQueryのプラグインです。

IT/WEB業界への転職なら求人サイトGreen

軽量で動作し、組み込みも簡単なようです。

以下のようなコードで動作するようですね。

$(function() {
    $("#showcase").showcase({
        css: { width: "566px", height: "168px" },
        animation: { type: "fade" },
        images: [
        { url:"images/showcase-home-1.jpg",
          description:"approx. 16kb of javascript" },
        { url:"images/showcase-home-2.jpg",
          description:"just select a target and a list of images" },
        { url:"images/showcase-home-3.jpg",
          description:"css or json objects, you choose. Define everything (nearly)" },
        { url:"images/showcase-home-4.jpg",
          description:"you can define your own ease function" }],
        navigator: {
            position:"top-left",
             orientation:"vertical",
             css: {
                padding:"6px",
                margin:"25px 0px 0px 0px" }
            },
        titleBar: { css: { height:"25px" } }
    });
});
           

サポートブラウザ

以下のブラウザで動作確認がされているようです。

  • Firefox 3.5+
  • Safari 4.0.4
  • Opera 10.10
  • IE 7 & 8
  • Chrome 3.0.195

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

follow us in feedly