私はクリックしたときにjqueryライトボックスのホルダーをポップアップすると、ユーザーが次に2-3枚の画像を見ることができる8つのサムネイルのページを持っています。各サムネイルには独自の2-3スライドギャラリーがあります。Jquery Lightbox - ページの読み込み時に特定のスライドをポップアップする方法は?
ナビゲーションパネルからページ上のテキストリンクをクリックすると、ライトボックスが表示されたページに移動し、ページの読み込み時に自動的にそのリンクの右スライドがポップアップします。ここで
あなたがここに進行中の作業を見ることができます>http://www.logoflair.com/concept1/print.html
が、私は、体内のライトボックスと2つのサムネイルのために使用していますコードです:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="jquery.lightbox-0.5.js"></script>
<script type='text/javascript'>
var $jq132 = jQuery.noConflict();
</script>
<script type="text/javascript">
$jq132(function() {
$jq132('#belgo1 a').lightBox();
$jq132('#versace1 a').lightBox();
$jq132('#etv1 a').lightBox();
$jq132('#versace2 a').lightBox();
$jq132('#belgo2 a').lightBox();
$jq132('#belgo3 a').lightBox();
$jq132('#versace3 a').lightBox();
$jq132('#fatpets a').lightBox();
$jq132('#moschino a').lightBox();
$jq132('#bay a').lightBox();
$jq132('#sayhoo a').lightBox();
});
</script>
<body>
<div id="belgo1" class="galleries">
<a href="belgo1.jpg"><img src="belgothumb.jpg" alt="" width="232" height="189" border="0"/></a>
<a class="hidden" href="belgo2.jpg"><img src="belgothumb.jpg" alt="" width="232" height="189" border="0"/></a>
<a class="hidden" href="belgo3.jpg"><img src="belgothumb.jpg" alt="" width="232" height="189" border="0"/></a>
</div>
<div id="versace1" class="galleries">
<a href="versace1.jpg"><img src="versacethumb.jpg" alt="" width="232" height="189" border="0"/></a>
<a class="hidden" href="versace2.jpg"><img src="versacethumb.jpg" alt="" width="232" height="189" border="0"/></a>
</div>
</body>
私はコードが何であるかを教えてくださいページが読み込まれたときに特定のスライドを自動読み込みする。あなたのコードに応じて例えば
$('#thumbnailId').click();
メイン関数の最後に次の行を貼り付けます: あなたが指定したサムネイル画像をクリックしたシミュレートしようとすることができ、多くのおかげで
一種です私が後にしていることは、ユーザーが何もしなくても、スライド自体をクリックするようにしたいのですが、この行をどこに置くべきですか?主な機能の後に? –
私はコード – antyrat
を更新しましたこれは完全に動作します、ありがとう! –