Thickboxを画像クリックで閉じるとエラー

改造人ツクルダーjQuery, WordPress, その他, 備忘録

WordPressで画像拡大表示にThickboxを使用した際のトラブル。

画像のクリックで閉じると、もとのページが表示されず「Not Found」になってしまう。どうやらIEで発生するようだ。GoogleChromeで作業することが多かったため今まで気付かなかった。

「Thichbox.js」以下の部分を探し出し、

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=’?'」がミソ。

とりあえずの対処法。

根本的な解決方法はまた今度。