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

Showcaseは画像のスライドショーが作成できるjQueryのプラグインです。
軽量で動作し、組み込みも簡単なようです。
以下のようなコードで動作するようですね。
02 | $( "#showcase" ).showcase({ |
03 | css: { width: "566px" , height: "168px" }, |
04 | animation: { type: "fade" }, |
06 | { url: "images/showcase-home-1.jpg" , |
07 | description: "approx. 16kb of javascript" }, |
08 | { url: "images/showcase-home-2.jpg" , |
09 | description: "just select a target and a list of images" }, |
10 | { url: "images/showcase-home-3.jpg" , |
11 | description: "css or json objects, you choose. Define everything (nearly)" }, |
12 | { url: "images/showcase-home-4.jpg" , |
13 | description: "you can define your own ease function" }], |
16 | orientation: "vertical" , |
19 | margin: "25px 0px 0px 0px" } |
21 | titleBar: { css: { height: "25px" } } |
サポートブラウザ
以下のブラウザで動作確認がされているようです。
- Firefox 3.5+
- Safari 4.0.4
- Opera 10.10
- IE 7 & 8
- Chrome 3.0.195
この記事が気に入ったら
いいね!しよう
最新情報をお届けします