Luminousを使えば軽くてシンプルなLightboxを実装することができます。指定した画像をクリックすると拡大表示されます。
サクサク動作するのでとても快適ですね。小さいサムネイル画像をカッコよく手軽に拡大表示させたい場合に役立つ機能です。オプションもいろいろ用意されているので、カスタマイズして使いたい方にも最適ですね。
Luminous
以下からLuminousの実際のデモを確認することができます。
画像にホバーするとカーソルが矢印から虫眼鏡に切り替わるので、瞬時にクリックで大きな画像を見れるんだな、ということがわかります。
クリックするとスムーズなアニメーションで拡大した画像が表示されます。背景にはグレーのオーバーレイがかかります。そして再度画像をクリックすると元の状態に戻ります。
使い方も非常にシンプルなので、気軽に実装できるのがいいですね。
オプションにはnamespace、sourceAttribute、captionAttribute、openTrigger、closeTriggerなど、ほかにもいろんな項目が用意されています。
Lightboxをカスタマイズして自サイトに取り入れたい方にはうれしいですね。
というわけで、シンプルで軽量なLightboxを手軽に実装したい方は、ぜひLuminousをチェックしてみてはいかがでしょうか。
ページ内に設置した画像をカッコよく大きく表示させたいときに活用してみたいですね。Luminousのダウンロードや詳しい使い方は以下からどうぞ。
