jqueryのloadで読み込んだページ内でthickboxで画像を表示する方法
画像表示処理方法で教えて頂ければと思います。
テスト用に2つのファイル(index.html, test.html)を用意しました。
index.htmlで thickboxを使用して画像をクリックすると希望通り
(画像がアップ表示)の動作をします。
しかしindex.htmlのloadで test.html読み込んだ時の画像部分が、
target="_self"で押したときの動作になってしまいます。
解決方法、よろしくお願いします。
-----index.html-----
<html>
<head>
<link href="thickbox.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="thickbox.js"></script>
<script type="text/javascript">
<!--
function init(){ $("#Test").load("test.html"); }
// -->
</script>
</head>
<body onload="init()">
<div id="Test"></div>
<hr>
(2)<a href="test.gif" title="" class="thickbox"><img alt="" src="test.gif" /></a>
</body>
</html>
-----test.html-----
(1)<a href="test.gif" title="" class="thickbox"><img alt="" src="test.gif" /></a>
お礼
早速のお答えありがとうございます。 GreyBox試してみます。 ありがとうございました。