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です。

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

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

Photoshopで古びた羊皮紙に書かれた地図イメージの作り方前のページ

レスポンシブやタッチ対応などさまざまな機能を搭載したギャラリー実装「lightgallery.js」次のページlightgallery.js

関連記事

  1. JavaScript

    立体的なナビゲーション表示を実装することができるjQueryプラグイン「Box Lid」

    立体的なナビゲーション表示を実装できるjQueryプラグイン「Box …

  2. plusGallery

    JavaScript

    Google+のような画像ギャラリーを実装できる「plusGallery」

    plusGalleryはGoogle+のような画像ギャラリーを実装する…

  3. vTicker

    JavaScript

    シンプルで使い方も簡単!垂直ティッカーを実装できるjQueryプラグイン「vTicker」

    シンプルで使い方も簡単な垂直ティッカーを実装できるjQueryプラグイ…

  4. Section Scroller

    JavaScript

    セクションごとに自動でスクロールしてくれるボタン実装「Section Scroller」

    Section Scrollerは、セクションごとにスムーズにスクロー…

  5. Responsive Elements
  6. Protip

    JavaScript

    カスタマイズ性抜群のツールチップを実装できる「Protip」

    Protipはカスタマイズ性が抜群のツールチップを実装することができる…

最近の記事

  1. 200-DGBG020
  2. Anker PowerPort 5-in-1 37.5W Hub
  3. α7C + FE28-60mm F4-5.6

アーカイブ

PAGE TOP