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. Circliful

    JavaScript

    円グラフで統計情報を伝えたい時に役立つjQueryプラグイン「Circliful」

    CirclifulというjQueryプラグインを使えば、統計情報を伝え…

  2. jquery.autoscroll-text-tape
  3. jQuery-Simple-MobileMenu
  4. Schedule Template

    JavaScript

    シンプルなスケジュール表を実装する「Schedule Template」

    スッキリしたデザインのシンプルなスケジュールテンプレートを実装するため…

  5. jQuery Timespace

    JavaScript

    四方にドラッグ移動できる水平タイムライン実装「jQuery Timespace」

    jQuery Timespaceは上下左右と四方にドラッグ移動できる水…

  6. PgwSlider

    JavaScript

    レスポンシブで軽量なスライダーを実装できるjQueryプラグイン「PgwSlider」

    PgwSliderというjQueryプラグインを使えばレスポンシブで軽…

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP