Lightbox2のプチカスタム
2012年9月14日
Categories | ホームページ
前回のLightbox2設置法の追記です。
プチカスタムしてみました。
lightbox.css 内の 8行目 9行目
初期設定は 85 と 0.85 になってる。
ここの数値を多くするとバックグラウンドが暗くなり
少なくすると明るくなる。
85はIE用 0.85はIE以外のブラウザ用設定で
出来れば同数値がよさげ。
お好みで設定を変更してみてはいかが？
2.51
LightboxとIE9の相性 Lightbox2の設置法
2012年9月13日
Categories | ホームページ
当方IE9はあまり使うことがなく
殆どは「Firefox」か「Chrome」。
で、たまたまIE9で自分が作ったホームページ見てみたら、
あら？ Lightbox が無効になってるし。
ひょっとしてと、旧IEバージョンで確認してみたが問題なし。
どうやらIE9だと相性悪いみたいですね。
で、今年春にLightboxがv2.51にバージョンアップしてるってことで
投与してみました。
ダウンロード先はこちら
http://lokeshdhakar.com/projects/lightbox2/
解凍後、
いらない物は捨てまして、必要なものだけを「lightbox」フォルダにスッキリ格納。
中身はこんな感じ。
必要ファイルは７つだけです。
ファイル内を数箇所書き換えます。
lightbox.css の １１４行目と１１９行目を
絶対パスで記述しておくと確かです。
lightbox.js の ５１行目 ５２行目 を
こちらも絶対パスで記述しておくと確かです。
<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>
以上
