Movable Type 備忘録

 IE8 で shadowbox を使う方法

こんばんわ^^

わたしのサイトでは shadowbox を使ってるリンクがそれなりにあるわけですが、残念ながら IE8 では互換モードにしないとエラーしてしまいます。

IE8 の機能としてレンダリングの選択が可能になってて、互換モードで利用すれば問題ありません。
でも、すべての人が互換モードで使用するかといったらグレー( てか、知らない人もいると思う )なので、やむを得ずテンプレートを修正したのでその方法のご紹介です。

IE8 で shadowbox を使う

IE8 で小細工なく shadowbox を使うには、HTML ヘッダ中に以下の一文を入れると期待する動作になります。

IE7 でレンダリング指定

  1. <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

これは、IE8 がまともになったが為に、それに合わせて作られたサイトやスクリプトに影響がでてしまったので、IE7 でレンダリングします…という指定っぽいです。

これまでIE6やIE7でレンダリングがうまくいくように調整されたサイトが、IE8では崩れて表示されるという問題を起こす可能性が増えたことを意味している。

これに対する措置としてMicrosoftでは、HTTPヘッダX-UA-CompatibleタグやHTMLメタタグにおいて"IE=7"と指定すればIE7スタンダードモードでのレンダリングを試みるような処理をIE8ベータ1に追加した。

via: IE8に"IE=EmulateIE7"登場、"IE=7"よりも適切な互換指定

以上です。
ちゃんと IE8 でも表示できてるかな。

 Trackback Pings(0)

No trackbacks found.

 Comments(11)

#1: Posted by haru @ April 7, 2009 [REPLY]
user-pic

こんばんは^^
早速ソース追加しました。
shadowbox 互換モード無しで動きましたよ。

さすがですね！！!(^^)!
shadowbox のプラグイン時間ある時でいいですので、
お願いしますね。

 
#2: Posted by かわぐち @ April 8, 2009 [REPLY]
user-pic

おはようございます。
昨日、お騒がせした、かわぐちです。あせあせ

なるほど、なるほど。
そんな手があったんですね。
試してみよ～っと。

 
#3: Posted by Author Profile Page bzbellからかわぐちへの返信 @ April 8, 2009 [REPLY]
user-pic

こんばんわ^^

>>1 haru さん

> shadowbox のプラグイン時間ある時でいいですので、
> お願いしますね。

あっすいません。
もぅちょとお待ちくださいね。決して忘れてたわけじゃありませんよあせあせ

>>2 かわぐち さん

そうですね。
shadowbox の配布元さんの対応を待ってたのですが、そんな気配はなさそうなのでテンプレートを修正してみました。
どうやらうまくいってるようですやあ！

 
#4: Posted by haru @ April 8, 2009 [REPLY]
user-pic

いえいえ^^;
ぜんぜん大丈夫です。
楽しみにして待ちますので（＾◇＾）

 
#5: Posted by かわぐち @ April 9, 2009 [REPLY]
user-pic

こんちくわ～、かわぐちです。

大変クールなテンプレートのおかげで、
これまでにないウキウキな毎日をおくっています。
ありがとうございます。

そこで、質問があるのですが、
私が利用させてもらってるテンプレートで、
画像クリックに応じたの拡大の時に
ここでも出てきた
shadowbox
の利用を考えているのですが、
普通に設置して稼動しますでしょうか？

変な質問ばっかしてすいません。あせあせ

 
#6: Posted by Author Profile Page bzbellからかわぐちへの返信 @ April 9, 2009 [REPLY]
user-pic

>>5 かわぐち さん

こんばんわ^^

> 普通に設置して稼動しますでしょうか？

はい。大丈夫ですよ。
shadowbox のライブラリとして jQuery を利用してくださいね。
何か不明点などありましたらご連絡くださいもじもじ

 
#7: Posted by かわぐち @ April 10, 2009 [REPLY]
user-pic

かわぐちです。

>shadowbox のライブラリとして jQuery を利用してくださいね。
ありがとうございます。

IEだと、若干表示がおかしかったので、
CSSを調整しただけで、
簡単に設置できました。

これいいですね～。
活用しよ～っと。キャハハ

 
#8: Posted by はる @ May 15, 2009 [REPLY]
user-pic

こんにちは！
flashが挿入してあるページでshadowboxを使用すると、flashが非表示になってしまうのですが、
対処法はあるのでしょうか。

 
#9: Posted by Author Profile Page bzbellからはるへの返信 @ May 16, 2009 [REPLY]
user-pic

>>8 はる さん

こんばんわ^^

ウチでもサイト内でフラッシュ使ってますが問題ないようですよあせあせ
JavaScript エラーが発生してるってことはないですか!?

 
#10: Posted by はるからbzbellへの返信 @ May 18, 2009 [REPLY]
user-pic

>>9 bzbell さん

ご返信ありがとうございますmm
自分のではない他のサイトでも同じ現象が発生しているサイトが見られ、設置の問題なのか、もしくは自分のブラウザの問題なのかが分かりかねております。
大変申し訳ないのですが、ご返信頂きましたページのフラッシュを自分のブラウザで確認してみたいので、URLを教えて頂けないでしょうか。

 
#11: Posted by Author Profile Page bzbellからはるへの返信 @ May 18, 2009 [REPLY]
user-pic

>>10 はる さん

こんばんわ^^

このサイトのサイドバーにある「Recent Tags」というのは FLASH を使ってます。
また、サイドバー右上にある「Contact Me」では shadowbox を使ったメールフォームを表示することができます。
ご確認くださいぺこり

 

 Post a Comment

 

コメント用フィード