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

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

2010年8月8日  2018年4月23日 
当ブログの画像表示方法として、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あたりがお勧めです。


ー記事をシェアするー
B!
タグ

コメント

匿名 さんのコメント…
とても参考になりました。ありがとうございます。
WHMaster さんの投稿…
お役に立てたようで何より。
ブログ内の検索
人気の投稿
ラベル