Zoom SlideShowは、カルーセルによるスライドショーとズーム機能を備えたjQueryプラグインです。メインエリアに表示された画像にマウスオーバーすると、その部分が虫眼鏡のようになり細部を拡大して見ることができます。スライドショーを楽しみつつ、気になる部分があれば拡大してチェックできるのでとても便利ですね。
Zoom SlideShow
以下、Zoom SlideShowの実際のデモページになります。
デモ
デモではメインエリアに選択されている画像が大きく表示されています。この画像の上にマウスオーバーすることで、その部分を拡大して見ることが可能です。虫眼鏡のようなカーソルを動かすことで、好きな部分を瞬時に拡大することができます。
メインエリアの下にはサムネイル画像が並べられており、ここから選択した画像がメインエリアに表示されます。
また、サムネイル画像はカルーセルになっており、左右には前後移動する矢印ボタンが設置されています。
カルーセルによるスライドショーを楽しみながらも、好きな部分を拡大してチェックできるという楽しみ方もできるのがいいですね。
マークアップもスッキリしているほか、使い方もシンプルで分かりやすいと思います。オプションには、thumbsContainer、prevContainer、nextContainer、zoomContainer、zoomLevel、loadMsgという項目が用意されています。
というわけで、スライドショーとズーム機能を備えたjQueryプラグイン「Zoom SlideShow」の紹介でした。Zoom SlideShowの詳細は以下のページからどうぞ。
