no-image

JavaScript

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

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

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

デモ

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

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

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

CSS + jQuery Gallery

ad-datepickerアクセシブルなデートピッカーを実装できる「ad-datepicker」前のページ

シンプル・軽量なアナログ時計を実装できる「jsRapClock」次のページno-image

関連記事

  1. jQuery Gridly

    JavaScript

    クリックしてその場で拡大したりドラッグで配置を入れ替えたりできるプラグイン「jQuery Gridl…

    おもしろいjQueryプラグインがあったのでご紹介します。クリックして…

  2. jR3DCarousel

    JavaScript

    レスポンシブな3Dカルーセルを実装できる「jR3DCarousel」

    jR3DCarouselはレスポンシブな3Dカルーセルを実装できるjQ…

  3. JavaScript

    レイアウトを超簡単に雑誌風に整列してくれるjQuery Masonryの使い方

    jQuery Masonryというプラグインを使えば、ものすごく簡単に…

  4. zoomwall.js

    JavaScript

    高さを揃えたグリッドレイアウトのLightbox系イメージギャラリー「zoomwall.js」

    zoomwall.jsは高さを揃えたグリッドレイアウトを実装することが…

  5. graphite

    JavaScript

    シンプルな棒グラフを生成できる「graphite」

    graphiteはシンプルな棒グラフを生成できるJavaScriptラ…

  6. FitVids.JS

    JavaScript

    YouTubeやVimeoからの埋め込み動画をレスポンシブにするjQueryプラグイン「FitVid…

    YouTubeやVimeoからの埋め込み動画をレスポンシブに対応させる…

最近の記事

  1. WiMAX
  2. 甘柿
  3. 冬用のふとん
PAGE TOP