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」を書き換えればよかったんですね。
※念のためちゃんと古いバージョンをバックアップ取ってね。
ということで、なんとか改善されました。めでたしめでたし。
関連記事
-
zenbookのACアダブターを間違えて買ったので、プラグだけ買って作り直すの巻
zenbookかっちょいいですね!MacBook Airのパクリインスパイア系のウルトラブッ
-
【バーチャルホスト】サブドメイン・DNSの設定覚書 概要編
サブドメインをやろうと思いました。 サブドメインをやる目的は自分のサイトがexam
-
【googleガジェット】自分のサイトのアクセスのページとかに自宅からの交通費とかを簡単に調べられるやつを設置 1/2~背景~
googleガジェットという便利なもんがあります。 ガジェットというとWindowsとかのデス
-
【LINEbot】LINEbotが作れるからphpで作ってみたの巻 ~さくらの共有SSLでも動くよ~
BOT API Trial Accountってのが、公開されたので、LINEbotを正式に作れるよう
-
「ssh port 変更 さくら 専用サーバ できない」 などのワードで検索引っかかってこい
ずーと前からさくらの専用サーバのsshのポートを22から変更しなくちゃ危ないって思っていたけど、人間
-
注文住宅(マイホーム)購入ならスーモカウンターがおすすめ(賛否あるけど) 1/3
注文住宅紹介サービス「スーモカウンター」とは? 現在注文住宅を建てようと計画中です。 貧
-
会社を作ったら郵便局に集荷してもらったり銀行引き落とししてもらえるようになろう!
おすすめのサービス 01 おすすめのサービス 02 これの続きっぽい感じ。
-
起業するときにおすすめのサービス【格安フリーダイヤル】 01
具体案が欲しい時ってありますよね。たまたまはてブで遊んでいるときにこんな記事を発見。 誰にでも
-
【バーチャルホスト】サブドメイン・DNSの設定覚書 設定(DNS)編
これの続き 設定としては2ステップ。 DNSの設定とサーバの設定です。
-
【PHP】スマホ対応 メールフォーム設置 PEARを使ってgmailのsmtpサーバで送信する(ダウンロード可能)
メールフォーム(お問い合わせフォーム)をサイトに設置したいというのはよくあります。 で、フォー