lightbox（ライトボックス）のie9のバグの修正方法（って言っても新しいバージョン入れなおすだけ）

lightboxっていう無料のJavaScriptがあるの知ってますか？

lightboxダウンロード



写真などがメインのサイトで、写真をキレイに見せたい場合に、写真をクリックすると周りが薄暗くなって写真が浮かび上がるというプログラムです。



※本家ページから拝借

このブログでは使ってないのですが仕事で使ってるサイトがlightbox使ってまして、それが最近一部のお客さんから

◆画面が暗くなる
◆問い合わせフォームがおかしい
◆ページが反転する

詳しい方からは、

◆lightbox（ライトボックス）が変だよ。



などのお声をいただくようになり、原因を調査してました。




いろいろ試していて、おそらく一部のお客さんから出るという事なので、特定のブラウザだろう？ということで、悪名高きIE（インターネットエクスプローラー）から調査したらビンゴでした。





通常一部のお客さんということであればシェアの低いブラウザから調べるのですが、IE全体ではシェアは一番ですが、バージョンごととなると、少なかったりします。




で、ピンと来たのが、

「そういやIE9使っている人ぼちぼち出だしてたね」

ってことで、インストして（入れてすらいなかった。すいません。。）見たら案の定でした。




IE利用者はバージョン別に現在

6　7　8　9

※極稀に5.5まだいるかも


で、7か8というのが一番利用者が多く、9は最近でたばっかなので使ってる人がまだあんまりいない。という現状です。



IE6はバグが非常に多くてみんなに嫌われてて、ウェブデザイナーさんも、IE6で見たら変テコになっても良いなら安くしますよ、的な人も多いくらいです。


IE6を擬人化して自虐ネタするTwitterや、辛辣な言葉を投げつけるものまであるほどです。

@marinaanya (´；ω；｀) そうです、僕が9年前の腐った牛乳です。 twitpic.com/288qn8— IE6さん (@ie6bot) 7月 4, 2012

IE6作った奴は世界中のwebデザイナーに土下座しろよ— dtsukaさん (@dtsuka) 3月 19, 2010

なので、サイト作ったり大幅に変更したときは、ひと通りブラウザチェックするのですがIE6は少し神経尖らせて見るので、恐らく盲点のIE9でしょ？というので発見が早かったです。はい。





で、なんの事ない、天下のlightboxさん、JavaScriptのライブラリーであるPrototype.jsの新しいバージョンを入れなおせばいいだけでした。
※かなり前からバージョンアップしてなかった僕が悪かった見たいです。

下のページからDownload the latest stable version — 1.7 (November 16, 2010)ってところから「prototype.js」ってファイルをダウンロードしちゃいましょ。

http://www.prototypejs.org/download




本体の「lightbox.js」は問題なくてライブラリーの「prototype.js」を書き換えればよかったんですね。

※念のためちゃんと古いバージョンをバックアップ取ってね。




ということで、なんとか改善されました。めでたしめでたし。