読者です 読者をやめる 読者になる 読者になる

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;

と指定してもよい。