no-image

JavaScript

ダイナミックな自動スライドショーを実装できる「CSS + jQuery Gallery」

CSS + jQuery Galleryはダイナミックでかっこいい自動スライドショーを実装できるプラグインです。CSSやjQueryが使われています。自動で画像が次々と切り替わっていくほか、手動で再生/停止を行うことも可能なので、任意の画像をじっくり鑑賞したい時なんかにもピッタリですね。

インターバルや幅・高さの調節もできる

デモ

デモでは横幅いっぱいに広がった画像が自動で切り替わっていきます。画像にマウスオーバーすると再生/停止ボタンと左右矢印ボタンが表示され、自動再生を停止させたい場合は再生/停止ボタンをクリックすればOKです。左右矢印ボタンから前後の画像に手動で切り替えることができるほか、下部に設置されたナビゲーションから任意の画像へ移動することもできます。

迫力あるギャラリーとシンプルな操作性の組み合わせがとても使いやすい印象です。

また、オプションにはinterval、width、heightといった項目が用意されていて、手軽にインターバルや幅・高さの変更が可能です。

CSS + jQuery Gallery

関連記事

  1. tabellajs

    JavaScript

    タッチ対応のレスポンシブなテーブルを実装できる「tabellajs」

    tabellajsはタッチに対応したレスポンシブで操作性のよいテーブル…

  2. 3D Portfolio Template

    JavaScript

    立体的に回転するテンプレート「3D Portfolio Template」

    滑らかに、立体的に回転するテンプレートを実装することができる「3D P…

  3. Data Img

    JavaScript

    ブラウザ幅に応じて画像を切り替えれるレスポンシブ対応のjQueryプラグイン「Data Img」

    Data Imgはブラウザ幅に応じて最適なサイズの画像を切り替えて表示…

  4. jQueryプラグイン

    JavaScript

    jQueryプラグイン・2014年下半期70選まとめ

    今年も残すところ後わずかとなってしまいました。というわけで、2014年…

  5. HR Navigation Responsive Menu
  6. no-image

    JavaScript

    スタイリッシュなスライダーを実装できるjQueryプラグイン「bsc-slider」

    bsc-sliderは、シンプルでスタイリッシュなスライダーを実装する…

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP