Jquery獲取花式框圖像索引

我已經將fancybox滑塊與前一個和下一個箭頭集成在我的網站中。Jquery獲取花式框圖像索引

我想打開滑塊，同時單擊單獨的鏈接。爲此，我使用下面的代碼

$('a.fancybox').eq(0).trigger('click'); return false;

它工作正常。但它以第一張圖片打開。

我需要的是

花哨的框顯示第二圖像（單擊下一arraow）。那時我點擊文本鏈接打開花哨的盒子。它需要顯示第二張圖片。爲此，我需要在下面的代碼中傳遞索引而不是0（'a.fancybox'）。eq（0）.trigger（'click'）;返回false;

Fot的這個我使用的代碼

$('a.fancybox').eq($(this).index(this)).trigger('click'); return false;

但它沒有工作。

如何獲取當前圖像索引以及如何在單獨的文本鏈接中傳遞它。

請幫幫我。由於

來源

2013-03-06 Vasanthan.R.P

不知道你想做什麼但請查看文檔：http://www.fancyapps.com/fancybox/#docs您可以使用api方法或回調。 – qwerty 2013-03-06 08:11:49

你可能有一個畫廊的不同元素一樣

<a rel="gallery" class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a> 
<a rel="gallery" class="fancybox" href="http://fancyapps.com/fancybox/demo/2_b.jpg"><img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt="" /></a>

等等，並使用楷書到bind他們的fancybox，如：

$(".fancybox").fancybox();

然後你可以有不同的觸發器 for each分離鏈接中的項目如

<a href="#" class="triggers">trigger one</a> 
<a href="#" class="triggers">trigger two</a>

等

...然後你只是bind每個觸發來觸發相應的圖像中的fancybox，如：

$(".triggers").each(function (i) { 
    $(this).bind("click", function() { 
     $(".fancybox").eq(i).click(); 
     return false; 
    }); 
});

見JSFIDDLE

來源

2013-03-08 07:38:16 JFK

Jquery獲取花式框圖像索引

回答

相關問題