小粋空間のエントリー「Lightbox JS で画像を表示する」を参考に、当ブログに「LightboxJS」を導入しました。
![]()
上の画像をクリックしてみてください。
これは、サムネールをクリックすると現在表示されているページが暗くなり、同じウィンドウ上に元の画像がフレーム付きで拡大表示されるようになるものです。
Lightbox JSホームページよりスクリプトや画像など必要なファイルをダウンロード。
使用するブログサービスによりスクリプトファイルとスタイルシートを修正し、ダウンロードしたすべてのファイルをサーバにアップロードすれば完了です。
画面上にFlashのブログパーツ等が配置されている場合、画像がFlashの下に隠れてしまう不具合がありますが、小粋空間のサイトに対処法が掲載されています。
これまではサムネール画像をクリックした場合、ブラウザの新しいページで元の画像が表示されていましたが、LightboxJSの導入で見た目が良くなりました。
Lightbox JS
http://huddletogether.com/projects/lightbox/
小粋空間
http://www.koikikukan.com/
2006年11月12日 追記
LightboxJSからLiteboxに変更しました。
| エントリーを参考にしたり興味を持たれた方は左のペンギンアイコンをクリックしてブログ管理人に拍手を送ってください! コメントがある場合はアイコン下のテキストボックスに入力すると同時に送信されます。 今後の励みになりますのでよろしくお願いします! |
