Thickboxを画像クリックで閉じるとエラー
WordPressで画像拡大表示にThickboxを使用した際のトラブル。
画像のクリックで閉じると、もとのページが表示されず「Not Found」になってしまう。どうやらIEで発生するようだ。GoogleChromeで作業することが多かったため今まで気付かなかった。
「Thichbox.js」以下の部分を探し出し、
$("#TB_window").append("<div id='TB_Image' style='display: none;'><a href='' id='TB_ImageOff' title='Close'><img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/></a>"
+
"<div id='TB_caption'>"+caption+"<div id='TB_secondLine'>"
+ TB_imageCount + TB_PrevHTML + TB_NextHTML +
"</div></div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton' title='Close'>Close <img src='"+tb_closeImage+"' /></a></div></div>");
「<a href=" id=’TB_ImageOff’」
の部分を
「<a href=’?’ id=’TB_ImageOff’」
とすることで解決。「href=’?’」がミソ。
とりあえずの対処法。
根本的な解決方法はまた今度。