はじめに
第2回はLightbox風に画像などを表示するプラグインと,
LightBoxは,
図1 元祖Lightbox
お薦めLightbox風プラグイン
Lightbox風の表現を実現するJavascriptライブラリは実際に探してみると,
- jQuery Fancyzoom
jQuery Fancyzoomは画像表示に特化しており,
拡大表示のアニメーションが非常に凝ったものとなっています。百聞は一見にしかずなので, あえてアニメーションの説明をここではしません。一度配布サイトのデモを見ていただければと思います。 - ThickBox
ThickBoxは画像だけでなく,
HTMLコンテンツも表示することができます。そのため, 拡大画像の表示だけでなく, 詳細情報のポップアップ表示, ログインなどの入力ダイアログにも用いることができます。 - Shadowbox.
js Shadowbox.
jsは, さらにFlashやムービーにも対応した, 非常に多機能なライブラリとなっています。ただし, 純粋なjQueryプラグインというわけではなく, Prototype, YUIなど複数のライブラリに対し, それぞれアダプタを用意した形を採っています。
図3 ThickBox
図4 Shadowbox.