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

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

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

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

$(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