はじめに

第2回はLightbox風に画像などを表示するプラグインと，一歩進んだ利用方法を紹介します。

LightBoxは，今や同一ページ内で画像などを上乗せした形で表示させる表現効果の総称となっており，Javascriptの定番ライブラリの一つとなっています。

お薦めLightbox風プラグイン

Lightbox風の表現を実現するJavascriptライブラリは実際に探してみると，非常に多くのものを見つけることができます。この中からjQueryのプラグインとして開発され，さらに特徴的な以下のプラグインを3点ピックアップし，今回と次回，2回にわたり解説します。

jQuery Fancyzoom

jQuery Fancyzoomは画像表示に特化しており，拡大表示のアニメーションが非常に凝ったものとなっています。百聞は一見にしかずなので，あえてアニメーションの説明をここではしません。一度配布サイトのデモを見ていただければと思います。

図2　jQuery Fancyzoom

ThickBox

ThickBoxは画像だけでなく，HTMLコンテンツも表示することができます。そのため，拡大画像の表示だけでなく，詳細情報のポップアップ表示，ログインなどの入力ダイアログにも用いることができます。

図3　ThickBox

Shadowbox.js

Shadowbox.jsは，さらにFlashやムービーにも対応した，非常に多機能なライブラリとなっています。ただし，純粋なjQueryプラグインというわけではなく，Prototype，YUIなど複数のライブラリに対し，それぞれアダプタを用意した形を採っています。