さまざまな物や事に関する、役に立ったり立たなかったりするテキストが綴られるブログ。

2010/08/08

IE8だとFancyBoxのクローズボタンが消える!

当ブログの画像表示方法として、FancyBoxのポップアップを採用しました。導入の際にはこちらの投稿がとても参考になりました。著者に感謝です。

クローズボタン
クリックで拡大
導入できれば、後は通常の手順で画像をアップロードすれば良いので簡単・お手軽。 もちろん、過去の投稿にも適用されます。

で、普段FireFoxを使っているので気付かなかったのですが、IE8で表示させてみると、画像の右上に表示されるはずのクローズボタンが表示されません。

画像以外の部分をクリックすれば消えるのですが、これではダサすぎます。

調べてみると、どうやらIE8の場合、FancyBoxで使用する画像の場所を絶対URL(フルパス)で記述してあげないとダメなようです。

そこで、「jquery.fancybox-1.3.1.css」 を適当なエディタで開いて、最後の方に記述されている「/* IE */」部分に手を加えました。具体的には...

src='fancybox/****_***.png'

と相対URLで記述されている部分を、例えば

src='http://_xxxxxxx.com/js/fancybox/****_***.png'

...といった具合に絶対URLへと書き直してあげます。修正箇所は全部で16個ほどあると思います。なお、URLの部分はご自身の環境に合わせて読み替えてくだされ。

これでIE8でも問題なく表示できるようになりました。お困りの方はお試しあれ。なお、参考書をお探しならAmazonあたりがお勧めです。


Related Posts with Thumbnails

2 件のコメント:

匿名 さんのコメント...

とても参考になりました。ありがとうございます。

asmz さんのコメント...

お役に立てたようで何より。

新しい投稿へ 以前の投稿へ ホームへ