画像のスライドショーを作成できる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