画像のスライドショーを作成できる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
この記事が気に入ったら
いいね！しよう
最新情報をお届けします
