[JS]さまざまなタイプのスライドショーが簡単に設置できるスクリプト -Agile Carousel

一つ一つの完成度が高い、アニメーションを伴ったさまざまなタイプのスライドショーが簡単に設置できるjQueryのプラグインを紹介します。

サイトのキャプチャ

Agile Carousel - Javascript Slideshow - Image Carousel

[ad#ad-2]

Agileは以前ちらっと紹介しましたが、つい最近バージョンアップしたので改めて紹介します。
以前のバージョンではjQuery UIも併用するタイプでした。

Agile Carouselには、下記のさまざまなタイプのスライドショーが用意されています。

デモのキャプチャ

Using Flickr Data

  • 画像はFlickrのものを使用可
  • タイマー機能
  • フェード効果
デモのキャプチャ

Basic Example

  • タイマー機能
  • フェード効果
デモのキャプチャ

Multiple Slides Visible

  • 3枚を同時表示
  • 円形のボタン
デモのキャプチャ

Flavor 1

  • Prev と Nextボタン
  • フェードイン・アウト
  • ナンバーボタン
  • スライド効果
デモのキャプチャ

Flavor 2

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

Flavor 3

  • サムネイルを垂直表示
  • スライド効果

これらスライドのバリエーションは、スクリプトのオプションで簡単に組み合わせてを変更して設置することができます。

[ad#ad-2]

sponsors

top of page

©2024 coliss