Jquery Lightbox - Как открыть конкретный слайд при загрузке страницы? - PullRequest
Новая
       21

Jquery Lightbox - Как открыть конкретный слайд при загрузке страницы?

0 голосов
/ 08 февраля 2012

У меня есть страница с 8 миниатюрами, которая при нажатии открывает держатель лайтбокса jquery, который затем позволяет пользователю перейти к следующему и просмотреть 2-3 изображения. Каждая миниатюра имеет свою 2-3 галерею слайдов.

Что мне нужно, так это то, что при нажатии текстовой ссылки на странице с навигационной панели он переводит пользователя на страницу с лайтбоксом и автоматически открывает правый слайд для этой ссылки при загрузке страницы.

Работу можно увидеть здесь> 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>

Пожалуйста, дайте мне знать, что такое код для автоматической загрузки определенного слайда при загрузке страницы. Большое спасибо

1 Ответ

0 голосов
/ 08 февраля 2012

Вы можете попытаться смоделировать щелчок по указанному уменьшенному изображению: 

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

Например, согласно вашему коду, вставьте эту строку в конец вашей основной функции: 

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