JQuery SlideShow

JavaScript

軽量な自動スライドショー(画像・動画)を実装できる「JQuery SlideShow」

JQuery SlideShowは、画像・動画のスライドショーを実装できるシンプルなjQueryプラグインです。ファイル容量も軽量で、使い方もカンタンなところがグッドです。読み込み時は自動スライドショーになっています。

JQuery SlideShow

JQuery SlideShow

実際にファイルをダウンロードしてデモを見てみました。読み込み時は自動でスライドされる設定になっています。

一定の時間が経過すると、次のコンテンツへフェードで切り替わります。スライダーの右下には停止ボタンが設置されているので、ここをクリックすると、自動スライドが停止します。もう一度クリックすると、自動スライドが再びスタートします。

そのほか、前後移動できる左右矢印やナビゲーションも用意されています。

シンプルな構成で、サクサクとコンテンツをチェックできるので、ユーザーにとっては使いやすいスライダーといえますね。ただ、デモはレスポンシブに対応していないので、この点が少し残念なところです。

オプションには、slideDuration、transSpeed、loop、infobarなどがあります。デフォルトの設定値は、slideDurationが5000、transitionがnone、transSpeedが500、loopがtrue、infobarがfalseです。

スピードやループなど、ちょっとしたカスタマイズができるので、「たくさんの機能はいらないからシンプルな自動スライドショーを実装したい」という方にはオススメです。

高い機能性というよりも、軽量さや実装のしやすさなどを重視する場合に使われてみてはいかがでしょうか。

関連記事

  1. no-image
  2. jQuery Waterwheel Carousel

    JavaScript

    水平や垂直方向に配置できる水車のような便利なカルーセル「jQuery Waterwheel Caro…

    水平方向や垂直方向に配置できる水車のような便利なカルーセル「jQuer…

  3. JavaScript

    テキストに炎のようなエフェクトを追加してくれるjQueryプラグイン「jQuery Burn」

    テキストに炎のようなエフェクトを追加してくれるjQueryプラグイン「…

  4. multi.js

    JavaScript

    検索機能がついたセレクトボックスを実装できる「multi.js」

    multi.jsは検索機能がついた使いやすいユーザーフレンドリーなセレ…

  5. Simple jQuery Slider

    JavaScript

    シンプルなナビ付きのスライダーを実装できる「Simple jQuery Slider」

    シンプルなスライダーを実装できる「Simple jQuery Slid…

  6. Excolo Slider

    JavaScript

    タッチにも対応しているシンプルなjQueryスライダー「Excolo Slider」

    タッチやマウススライドにも対応しているシンプルなjQueryスライダー…

最近の記事

  1. Olli
  2. 単語帳メーカー(Flashcard Maker App)
  3. 1Password 7
  4. 風に揺れる草

Facebookページ

PAGE TOP