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あたりがお勧めです。

ー記事をシェアするー

B!