imagelightboxは、レスポンシブに対応したタッチフレンドリーな画像ギャラリーを実装することができるjQueryプラグインです。シンプルなデザインながらもオプションが豊富なので、多彩なカスタマイズが可能です。
imagelightbox
以下のページからimagelightboxの実際のデモ動作を見ることができます。
デモページにはさまざまなタイプのサンプルが用意されています。サムネイル画像をクリックすると、拡大画像が表示されます。画像をクリックしたり左右の矢印キーを操作したりすると、次の画像に切り替えることが可能です。
アニメーション付きで画像が切り替わるのがとても素敵ですね。フェードイン／フェードアウトによるアニメーションで、美しくエレガントに切り替わっていきます。
オーバーレイと共に表示されるもの、クローズボタン付き、キャプション付き、ナビゲーション付き、画面両端に左右矢印が表示されるもの、などなどいろんなタイプのデモを見ることができます。
また、imagelightboxはタッチフレンドリーになっているところもポイントです。実際にiPhoneでデモに触れてみたところ、しっかり動作を確認できました。拡大画像の表示や画像の切り替えなど、パソコンだけではなくスマホでも快適に操作できるのは助かりますね。
便利なオプションもたくさん用意されているので、好みに合わせたカスタマイズも可能です。矢印、ボタン、キャプション、キーボード、ナビゲーション、オーバーレイなどの有効・無効を指定できたりアニメーションスピードの数値を設定できたり、さまざまなカスタマイズが可能です。
というわけで、レスポンシブに対応している上にタッチフレンドリーな画像ギャラリーを実装したい人は、ぜひ「imagelightbox」をチェックしてみてください。imagelightboxのダウンロードや詳しい使い方は以下からどうぞ。
