thickbox.jsは、画像などを拡大表示する場合に、簡単に設置できて別窓を出すよりおしゃれな感じです。
元から枠外をクリックしたり、「close」ボタンをクリックすることで閉じることができたけど、「閉じる」ボタンを設置するkともできる。今回はそれが効かなかったので、無理やり対処した。
thickboxでは、「tb_remove()」という関数で閉じるという動作を行っているので、「onclick=”tb_remove();” 」という感じでクリックアクションに入れてみたらできた。
<div id=”bo_close”>
<a href=”#” id=”TB_closeWindowButton”><img src=”images/btn/btn_close_off.png” alt=”閉じる” width=”100″ height=”20″ onclick=”tb_remove();” /></a>
</div>ソースを見ると「$(“#TB_closeWindowButton”).click(tb_remove);」とあるので、これでいけるかも。
<div id=”bo_close”>
<img id=”TB_closeWindowButton” src=”images/btn/btn_close_off.png” alt=”閉じる” width=”100″ height=”20″ />
</div>