[JS]さまざまなタイプのスライドショーが簡単に設置できるスクリプト -Agile Carousel
Post on:2011年5月13日
一つ一つの完成度が高い、アニメーションを伴ったさまざまなタイプのスライドショーが簡単に設置できるjQueryのプラグインを紹介します。
![サイトのキャプチャ](/wp-content/uploads-2011/2011051201.png)
Agile Carousel - Javascript Slideshow - Image Carousel
[ad#ad-2]
Agileは以前ちらっと紹介しましたが、つい最近バージョンアップしたので改めて紹介します。
以前のバージョンではjQuery UIも併用するタイプでした。
Agile Carouselには、下記のさまざまなタイプのスライドショーが用意されています。
![デモのキャプチャ](/wp-content/uploads-2011/2011051202-01.png)
- 画像はFlickrのものを使用可
- タイマー機能
- フェード効果
![デモのキャプチャ](/wp-content/uploads-2011/2011051202-02.png)
- タイマー機能
- フェード効果
![デモのキャプチャ](/wp-content/uploads-2011/2011051202-03.png)
- 3枚を同時表示
- 円形のボタン
![デモのキャプチャ](/wp-content/uploads-2011/2011051202-04.png)
- Prev と Nextボタン
- フェードイン・アウト
- ナンバーボタン
- スライド効果
![デモのキャプチャ](/wp-content/uploads-2011/2011051202-05.png)
- 下部にサムネイルを水平表示
- ナンバーボタン
- プレイ・ポーズボタン
- Prev と Nextボタン
- フェード効果
![デモのキャプチャ](/wp-content/uploads-2011/2011051202-06.png)
Flavor 3
- サムネイルを垂直表示
- スライド効果
これらスライドのバリエーションは、スクリプトのオプションで簡単に組み合わせてを変更して設置することができます。
[ad#ad-2]
sponsors