LightboxとIE9の相性 Lightbox2の設置法

Categories | ホームページ

当方IE9はあまり使うことがなく

殆どは「Firefox」か「Chrome」。

で、たまたまIE9で自分が作ったホームページ見てみたら、

あら? Lightbox が無効になってるし。

ひょっとしてと、旧IEバージョンで確認してみたが問題なし。

どうやらIE9だと相性悪いみたいですね。

で、今年春にLightboxがv2.51にバージョンアップしてるってことで

投与してみました。

ダウンロード先はこちら

http://lokeshdhakar.com/projects/lightbox2/

2012 0913 LightboxとIE9の相性 Lightbox2の設置法解凍後、

いらない物は捨てまして、必要なものだけを「lightbox」フォルダにスッキリ格納。

中身はこんな感じ。

2012 0913 2 300x206 LightboxとIE9の相性 Lightbox2の設置法

必要ファイルは7つだけです。

ファイル内を数箇所書き換えます。

lightbox.css の 114行目と119行目

2012 0913 3 400x96 LightboxとIE9の相性 Lightbox2の設置法

絶対パスで記述しておくと確かです。

lightbox.js の 51行目 52行目 

2012 0913 4 400x74 LightboxとIE9の相性 Lightbox2の設置法

こちらも絶対パスで記述しておくと確かです。

<head> ココ </head>  に こう記述する

<script type=”text/javascript” src=”設置したディレクトリ/lightbox/jquery-1.7.2.min.js“></script>

<script type=”text/javascript” src=”設置したディレクトリ/lightbox/lightbox.js“></script>

<link rel=”stylesheet” href=”設置したディレクトリlightbox/lightbox.css” type=”text/css” />

赤文字は格納されている場所(ディレクトリ)をご理解の上、それそうの変更をする。

最後にrel=”lightbox[roadtrip]” を記述する。

<a href=” ” rel=”lightbox[roadtrip]” title=” ”><img src=” ” ></a>

以上

Comment(0) | Trackback(1)

TAGS: / / / / / / | 2012年9月13日 |

« »

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です