thickboxをページロード時に表示させる方法
jquery & thickboxにて、ページが表示する最初にthickboxを起動したい場合の方法。
<link rel="stylesheet" href="thickbox.css" type="text/css" media="screen" /> <script src="jquery.js" type="text/javascript"></script> <script src="thickbox.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { var t = $("#init").attr("title") || $("#init").attr("name") || null; var a = $("#init").attr("href") || $("#init").attr("alt"); var g = $("#init").attr("rel") || false; tb_show(t, a, g); link.blur(); return false; }); //]]> </script> .... <div id="main"> <h1>thickboxを読み込み時に表示</h1> <ul> <li><a href="thick-test.html?width=400&height=300" id="init" class="thickbox" title="読み込みテスト">load test</a></li> </ul> </div>
ページ中のリンクがいらないのなら、javascriptでダイレクトに、
var t = "読み込みテスト";
var a = "thick-test.html?width=400&height=300";
var g = false;
と指定してもよい。