画像をpopupさせるlightbox.js設置  Posted at 2008/06/08 (Sun) 19:58 [Blog]

大きい画像を縮小表示にして、クリックするとポップアップして本来の画像の大きさで見れるというスクリプトを仕込んでみました。例えば、こんな感じ。このサムネイル画像をクリックしてみて下さい。

これで新しく窓が開いちゃって閉じるのマンドクセー！とかなくなるかと。それにちとカッコいいかなとか。

ところで、実は、実際に導入したのは数日前なんですけど、どこでこのスクリプト見つけてきたのが、さっぱり忘れてしまっています。lightbox.jsていうスクリプトなんですけど、解説されてるページ見ながら入れたんだけど、それが見つからない.....。と、思ったがlightbox.jsで検索したら一発目に出てきました。

小粋空間: Lightbox JS で画像を表示する

サムネールをクリックすると同一ウィンドウ上に画像を表示するという Lightbox JS です。（中略）ローディング画像が表示された後、元画像が表示されるという、お洒落なスクリプトです。表示された画像をクリックすると元の画面に戻ります。一度表示された画像を再度クリックするとローディング画像は表示されません。

設置方法、ダウンロード先などは、↑のサイト様からどうぞ。まぁ、これも自己満足でしかない気もする。