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」を書き換えればよかったんですね。
※念のためちゃんと古いバージョンをバックアップ取ってね。
ということで、なんとか改善されました。めでたしめでたし。
関連記事
-
-
【PHP,WordPress,Contactform7】ユーザーエージェント(UA)から「デバイス(PC,スマホ,タブレット)」「OS」「ブラウザ」を取得する→これをContactform7に実装
ユーザーエージェント(UA)から「デバイス(PC,スマホ,タブレット)」「OS」「ブラウザ」
-
-
20年戦士のオンボロ愛車をパワーアップ(スズキ・エブリーにNARDI取り付け)
少し前にカーステを取り替えた愛車の青春カー! ※青春カーの命名はN君です。
-
-
Amazonの神対応に触れて~月曜始まり縦6行カレンダーはおすすめよ~
おじいちゃんに囲碁の本が欲しいって言われたからアマゾンで買うねって言ったら「そんな遠くまで行かなくて
-
-
「ssh port 変更 さくら 専用サーバ できない」 などのワードで検索引っかかってこい
ずーと前からさくらの専用サーバのsshのポートを22から変更しなくちゃ危ないって思っていたけど、人間
-
-
【結婚式二次会のゲームなどにおすすめ】めくりフリップ 自作 手作り 作り方 材料 で検索にひっかかれ!!
先日友達の結婚式の二次会の幹事をやりました。 その中でゲームの中でめくりフリップあった方がいい
-
-
【バーチャルホスト】サブドメイン・DNSの設定覚書 概要編
サブドメインをやろうと思いました。 サブドメインをやる目的は自分のサイトがexam
-
-
【WordPress】phpMyAdminを使った移行でsqlインポートが「504 Gateway Time-out」で出来ない場合 SSHのコマンドラインで直接やっちまえ
例によってタイトル激長でうざいですが。。。 WordPressのサーバ移行は意外とよくやります
-
-
【googleガジェット】自分のサイトのアクセスのページとかに自宅からの交通費とかを簡単に調べられるやつを設置 1/2~背景~
googleガジェットという便利なもんがあります。 ガジェットというとWindowsとかのデス
-
-
【apacheモジュール】mod_pagespeedのキャッシュの削除の仕方
あいも変わらずgoogle先生はとんでもないものを作りますね!! インストールするだけ! お手
-
-
RapidSSLをさくらインターネット専用サーバ(CentOS5)セットアップおよび更新覚書
タイトルそのまんま。 丁度sslの更新だったんですが、今回記憶を辿るのが大変でした。 次