これまでブログに小粋空間で紹介されているLightboxJSを導入していましたが、同じ小粋空間の「Litebox 1.0 をブログに適用する」を参考に、Liteboxに変更しました。
基本的な動作はLightboxJSと変わりませんが、拡大表示時のアニメーションが多少変更になり、同一グループの画像をスライドショーで表示できるようになりました。
JavaScriptファイルとスタイルシートの追加、拡大画像を表示するためのアンカータグにrel属性を付けることで完成します。
先日InternetExplorer7をインストールした際に当ブログの表示を確認したところLightboxJSの動作がおかしかったのですが、このLiteboxでも同じような症状が出ています。
拡大したい画像をクリックすると、ブラウザのスクロールバーを一番上にもっていっている時の領域のみ画面が暗くなり、それ以外の領域では背景色に拡大画像がオーバーレイ表示されてしまいます。
調べてみたところ、当ブログではDOCTYPE宣言をXHTML1.0で設定しているのですが、これを削除することで正常に動作するようになりました。
しかしDOCTYPE宣言を削除するとAnother HTML-lintやW3Cのチェックに通らなくなるため外したくありません。
なんとか正常に動作するように調べてみようと思います。
小粋空間
http://www.koikikukan.com/
| エントリーを参考にしたり興味を持たれた方は左のペンギンアイコンをクリックしてブログ管理人に拍手を送ってください！ コメントがある場合はアイコン下のテキストボックスに入力すると同時に送信されます。 今後の励みになりますのでよろしくお願いします！ |
2006年11月12日 22:01
| カテゴリー : ブログパーツ・カスタマイズ
Firefox2とInternetExplorer7をインストール
IE7閲覧時のLiteboxの動作を修正
です
