レスポンシブに対応したシンプルなLightboxプラグインを紹介します。画像クリックで拡大された画像を手軽に確認できます。複雑な機能やアニメーションなども特になく、サクッと拡大画像をチェックできるので、シンプルなLightboxを実装したい人にはピッタリです。
Lightbox
以下のページからLightboxをダウンロードできます。ダウンロードしたファイルから実際のデモ動作を確認することも可能です。
デモではサムネイル画像が1枚表示されていて、これをクリックすると拡大された画像が表示されます。背景は黒でオーバーレイされていて、中央に拡大画像が表示されます。
右上にはバツ印が付いていて、ここをクリックすると元のサムネイルの状態に戻ります。
またレスポンシブ対応なので、画面を縮小・拡大してもそれに合わせてサイズが変化するあたりもいいですね。スマホからのアクセスにも最適です。
複雑な機能やアニメーションなどもなく、サッと表示できるのでとても効率的なLightboxプラグインに仕上がっています。使い方もかなり簡単で手軽に実装できるはず。
というわけで、レスポンシブに対応したjQueryのLightboxプラグインの紹介でした。
