2012-02-08 88 views
0

我有一個頁面有8個縮略圖,當點擊時彈出一個jquery燈箱,然後允許用戶下一個和prev通過2-3個圖像。每個縮略圖都有自己的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> 

請讓我知道的代碼是什麼在頁面加載時自動加載特定幻燈片。 非常感謝

回答

0

你可以嘗試模擬點擊指定的縮略圖:根據您的代碼粘貼這一行你的主要功能的結束

$('#thumbnailId').click(); 

例如:

$jq132('#etv1 a').eq(0).click(); 
+0

這就是排序我之後的事情,我希望頁面單擊幻燈片本身,而無需用戶做任何事情,我應該在代碼中放置此行?主要功能之後? – 2012-02-08 12:02:53

+0

我已更新代碼 – antyrat 2012-02-08 12:06:33

+0

完美的作品,非常感謝! – 2012-02-08 12:14:43