CSS + jQuery Galleryはダイナミックでかっこいい自動スライドショーを実装できるプラグインです。CSSやjQueryが使われています。自動で画像が次々と切り替わっていくほか、手動で再生／停止を行うことも可能なので、任意の画像をじっくり鑑賞したい時なんかにもピッタリですね。
インターバルや幅・高さの調節もできる
以下のページからCSS + jQuery Galleryの実際のデモ動作やコードをチェックできます。
デモでは横幅いっぱいに広がった画像が自動で切り替わっていきます。画像にマウスオーバーすると再生／停止ボタンと左右矢印ボタンが表示され、自動再生を停止させたい場合は再生／停止ボタンをクリックすればOKです。左右矢印ボタンから前後の画像に手動で切り替えることができるほか、下部に設置されたナビゲーションから任意の画像へ移動することもできます。
迫力あるギャラリーとシンプルな操作性の組み合わせがとても使いやすい印象です。
また、オプションにはinterval、width、heightといった項目が用意されていて、手軽にインターバルや幅・高さの変更が可能です。
というわけで、ダイナミックでシンプルな操作性を備えた自動スライドショーを実装できるプラグインの紹介でした。CSS + jQuery Galleryの詳しい使い方やダウンロードなどは以下のページからどうぞ。
