ブログにLiteboxを導入 

これまでブログに小粋空間別ウィンドウでリンクを開きますで紹介されているLightboxJSを導入していましたが、同じ小粋空間の「Litebox 1.0 をブログに適用する別ウィンドウでリンクを開きます」を参考に、Liteboxに変更しました。

基本的な動作はLightboxJSと変わりませんが、拡大表示時のアニメーションが多少変更になり、同一グループの画像をスライドショーで表示できるようになりました。

JavaScriptファイルとスタイルシートの追加、拡大画像を表示するためのアンカータグにrel属性を付けることで完成します。

先日InternetExplorer7をインストールした際に当ブログの表示を確認したところLightboxJSの動作がおかしかったのですが、このLiteboxでも同じような症状が出ています。

拡大したい画像をクリックすると、ブラウザのスクロールバーを一番上にもっていっている時の領域のみ画面が暗くなり、それ以外の領域では背景色に拡大画像がオーバーレイ表示されてしまいます。

調べてみたところ、当ブログではDOCTYPE宣言をXHTML1.0で設定しているのですが、これを削除することで正常に動作するようになりました。しかしDOCTYPE宣言を削除するとW3Cのチェックに通らなくなるため外したくありません。

なんとか正常に動作するように調べてみようと思います。


記事を参考にしたり興味を持たれた方はペンギンアイコンをクリックしてブログ管理人に拍手を送ってください!
管理人だけが読める秘密のコメントを投稿したい場合はアイコン下のテキストボックスに入力すると同時に送信されます。
今後の励みになりますのでよろしくお願いします!




 

 

現在の感情は?

 絵文字を使う クリックで絵文字を使用

  • サインインして投稿したコメントは即時公開されますが、サインインしない場合はスパム対策のため一旦保留とし、管理者の承認後に公開されます。
  • 英文のみの投稿やシステムがスパムと判断した内容は公開されません。また、管理者が不適切と判断したものは削除します。
  • タグは使用出来ません。
  • Gravatarによるアバター画像の表示に対応しています。
ブログパーツ
Recent Entries
Recent Comments
Categories
Monthly Archives
Information
ツイッター
Facebookページへ
ブログの更新はツイッターフェイスブックページでお知らせしています。Windows8以降のライブタイルにも対応しています。
 プロフィールページ
 メールフォーム
 フォトサムネイル
 投稿動画
 mixi
 YouTube
 ニコニコ動画
RSS