スクリプト絡みでWeb制作に何かと必要な機能をまとめてくれた便利なJavascriptにyuga.jsというものがある。（jQueryでできている）

最近結構お世話になっていて、写真をページ遷移せずに拡大してくれるスクリプトのthickboxなんかもかなり便利。（一般的に言われるlightboxってやつ）

ただ、thickboxを使う上でうまく画像が表示できないことがあったので、その解決策をメモっておく。

1．画像の拡張子は小文字にする。

デジカメによっては拡張子が.JPGのように大文字で記述されてしまうので、そのまま使うと、表示されなくなる。

必ず.jpg等小文字に直す。

※2009/11/29追記

コメントをして下さったkuroさんのブログで解決策が掲載されています。ちょこっとソース足すだけで小文字にも対応できるお話です。

http://www.dokuritsu-kigyo.net/blog/archives/2009/10/jqueryyugajsthickbox.html

2．ie6では日本語ファイル名NG。

ie7とFireFoxでは大丈夫だったのだけれど、ie6だと日本語ファイル名のファイルを使うと、ずっと読み込み状態になってしまい、永遠に表示されない。必ず日本語ファイル名はアルファベットに直す。

あと、thickboxの話ではないけど、

どうやらpng画像にリンクさせるとyuga.jsのロールオーバーの機能が停止してしまう様子...。謎だったので、すべてgifになおしたらうまくいった。

これはよくわからない。iepngfixのjavascriptと何かバッティングしてしまっているんだろうか...。