画像をクリックして拡大表示するライブラリとして有名なのはLightboxやColorboxです。どちらも便利なライブラリですが、主にデスクトップ向けというのが難点です。最近ではスマートフォンからのアクセスも多いので、レスポンシブな画像表示ライブラリが求められます。 今回紹介するImage Lightboxはまさにそのためのソフトウェアです。レスポンシブかつタッチ操作に対応した画像表示ライブラリとなっています。

表示例。画面中央に大きく表示されます。

基本的に画像以外の部分をクリックすると消えます。

背景を白くした場合。左右をクリックで別な画像に切り替わります。

×ボタン付き。

キャプション付き。画面下に灰色の帯で表示されます。

ページネーション。ツアー表示などに使えそうですね。

これらの機能は組み合わせて利用できます。

続いてスマートフォンの場合。

浮かび上がり方が良いですね。

×ボタン付きも。

キャプション付き。

Image Lightboxの特徴としては、軽量であること（4KB）、iOS/Android/Windows Phone対応、jQuery 1.x/2.x双方に対応、次の画像を自動先読み込みする、キーボード操作対応といったことが挙げられます。 Image LightboxはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 Image Lightbox, Responsive and Touch‑friendly — Osvaldas Valutis Image Lightbox: Responsive and Touch-Friendly demo by Osvaldas Valutis