ブログにLightboxJSを導入

Lightbox JS で画像を表示する別ウィンドウでリンクを開きます(小粋空間)のエントリーを参考に、当ブログに「LightboxJS」を導入しました。
ブログにLightboxJSを導入
上の画像をクリックしてみてください。これは、サムネールをクリックするとページ全体が暗くなり、同じウィンドウ上に元の画像がフレーム付きで拡大表示されるようになるものです。

Lightbox JSホームページ別ウィンドウでリンクを開きますよりスクリプトや画像など必要なファイルをダウンロード。使用するブログサービスによりスクリプトファイルとスタイルシートを修正し、ダウンロードしたすべてのファイルをサーバにアップロードすれば完了です。画面上にFlashのブログパーツ等が配置されている場合、画像がFlashの下に隠れてしまう不具合がありますが、小粋空間のサイトに対処法が掲載されています。

これまではサムネール画像をクリックした場合、ブラウザの新しいページで元の画像が表示されていましたが、LightboxJSの導入で見た目が良くなりました。

2006年11月12日 追記

LightboxJSからLiteboxに変更しました。