lightbox(ライトボックス)のie9のバグの修正方法(って言っても新しいバージョン入れなおすだけ)
lightboxっていう無料のJavaScriptがあるの知ってますか?
写真などがメインのサイトで、写真をキレイに見せたい場合に、写真をクリックすると周りが薄暗くなって写真が浮かび上がるというプログラムです。
※本家ページから拝借
このブログでは使ってないのですが仕事で使ってるサイトが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」を書き換えればよかったんですね。
※念のためちゃんと古いバージョンをバックアップ取ってね。
ということで、なんとか改善されました。めでたしめでたし。
関連記事
-
RapidSSLをさくらインターネット専用サーバ(CentOS5)セットアップおよび更新覚書
タイトルそのまんま。 丁度sslの更新だったんですが、今回記憶を辿るのが大変でした。 次
-
SDカードからデジカメで撮影した写真が消えてしまった時の復元方法~データ削除したけど実際には消えていない?~
恋人への愛してるとバックアップは定期的に という有名な格言がなかったりなかったりしますが、バッ
-
20年戦士のオンボロ愛車をパワーアップ(スズキ・エブリーにカーステ取り付け)
ボクの愛車「スズキ・エブリー」です。 ボロいでしょ? エアコンも無くて、窓もパワ
-
zenbookのACアダブターを間違えて買ったので、プラグだけ買って作り直すの巻
zenbookかっちょいいですね!MacBook Airのパクリインスパイア系のウルトラブッ
-
lightbox(ライトボックス)のバージョン2.51からPrototypeじゃなくてjQueryになったから設置の時注意
lightbox(ライトボックス)について前記事を書きました。 lightboxって何?って感
-
【JavaScript】生年月日を入力したら自動的に現在の年齢を入れてくれる
プロフィールなどで自動で現時点の年齢を入れてくれるプログラム探してて良いサイトがあったので覚書です。
-
【google apps】バリュードメイン(value domain)のDNS設定覚書
タイトルそのまま mx ASPMX.L.GOOGLE.COM. 10 mx ALT1.A
-
【PHP】時間を扱うときはdate_default_timezone_set(‘Asia/Tokyo’);を入れよう
タイトルそのまんま。そんだけ。 日本国内のサービスでphpで時間を扱うときは、サーバの設定いじ
-
起業するときにおすすめのサービス【PCFAXでペーパーレス】 02
前回のやつ 前回の流れから、ミニマムに商売をはじめるためのおすすめのサービスの紹介です。
-
【訴状雛形(ワード)あり】少額訴訟のすゝめ 「少額訴訟の訴状テンプレート(ダウンロード)」~裁判と仲良しになろう~
お金が払ってもらえない時どうする? フリーランスとして活動されているウェブ屋さんや、ス