システム構築に関する覚書

ajaxが最近流行していますが、Lightbox 2もその一つ。ここまで高性能な機能をフリーで提供しているあたりが素晴らしい。

機能としては拡大画像をアクション付でかっこよく表示してくれるというやつです。

百聞は一軒にしかずということで、

• Lightbox 2公式サイト

参考サイト

• ゼロからはじめるLightbox 2.0 - 簡単にWebで写真アルバム機能を
• lightbox.js とPHPで手軽にフォト・アルバムを作成
• 「Lightbox JS v2.0の使い方と設置」

背景をCSSで指定した場合、毎回背景画像を読み込むため、画像がちらつく状態になってしまいます。これはIE6限定のバグのようです。

html {

 filter: expression(document.execCommand("BackgroundImageCache", false, true));

}

上記内容をCSSに指定るすることでちらつきの問題はで解決できます。

「expression」についてですが、CSS中でJavaScriptを記述できるIE6限定の機能のようです。

pre 要素に以下のCSSを指定しておくと pre の中に記述した文章も横幅にあわせて折り返してくれます。

white-space: -moz-pre-wrap; /* Mozilla */

white-space: -pre-wrap;     /* Opera 4-6 */

white-space: -o-pre-wrap;   /* Opera 7 */

white-space: pre-wrap;      /* CSS3 */

word-wrap: break-word;      /* IE 5.5+ */