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. slimMenu
  2. no-image

    JavaScript

    レスポンシブ対応のシンプルなLightboxプラグイン

    レスポンシブに対応したシンプルなLightboxプラグインを紹介します…

  3. NavSync

    JavaScript

    ナビゲーションとコンテンツが連動するjQueryプラグイン「NavSync」

    NavSyncはナビゲーションとコンテンツが連動してアニメーションする…

  4. Micromodal.js

    JavaScript

    アクセシブルで軽量なモーダルダイアログを実装できる「Micromodal.js」

    Micromodal.jsは、アクセシブルでファイル容量も軽量なモーダ…

  5. no-image

最近の記事

  1. Apple WatchでのMacロック解除を無効
  2. オータムスイートポテトフラペチーノ
  3. 紅葉
  4. ナノケア EH-NA0E
  5. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP