[JS]さまざまなタイプのスライドショーが簡単に設置できるスクリプト -Agile Carousel
Post on:2011年5月13日
一つ一つの完成度が高い、アニメーションを伴ったさまざまなタイプのスライドショーが簡単に設置できるjQueryのプラグインを紹介します。

Agile Carousel - Javascript Slideshow - Image Carousel
[ad#ad-2]
Agileは以前ちらっと紹介しましたが、つい最近バージョンアップしたので改めて紹介します。
以前のバージョンではjQuery UIも併用するタイプでした。
Agile Carouselには、下記のさまざまなタイプのスライドショーが用意されています。

- 画像はFlickrのものを使用可
- タイマー機能
- フェード効果

- タイマー機能
- フェード効果

- 3枚を同時表示
- 円形のボタン

- Prev と Nextボタン
- フェードイン・アウト
- ナンバーボタン
- スライド効果

- 下部にサムネイルを水平表示
- ナンバーボタン
- プレイ・ポーズボタン
- Prev と Nextボタン
- フェード効果

Flavor 3
- サムネイルを垂直表示
- スライド効果
これらスライドのバリエーションは、スクリプトのオプションで簡単に組み合わせてを変更して設置することができます。
[ad#ad-2]
sponsors