no-image

JavaScript

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

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

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

デモ

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

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

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

CSS + jQuery Gallery

関連記事

  1. jquery countDownTimer
  2. JavaScript

    jQueryプラグインのレスポンシブなカルーセルのスライダー「Elastislide」を使ってみた

    jQueryプラグインで画面のサイズによってレイアウトを合わせてくれる…

  3. Priority Nav Scroller

    JavaScript

    水平スクロールができるナビゲーション「Priority Nav Scroller」

    Priority Nav Scrollerは水平スクロールを備えたナビ…

  4. Sliiide

    JavaScript

    シンプルなスライディングメニューを実装できる「Sliiide」

    Sliiideはシンプルなスライディングメニューを実装することができる…

  5. Simple Sidebar
  6. Auto-Text-Scroll

    JavaScript

    自動でテキストが垂直にスクロールしていく「Auto-Text-Scroll」

    Auto-Text-Scrollは自動でテキストが垂直でスクロールして…

最近の記事

  1. トライポッドスリーブ
  2. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ
  3. カメラマングローブ Grip Hot Shot III
  4. 包(つつむ)巾着ポーチ

Instagram始めました

Facebookページ

PAGE TOP