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获取花式框图像索引

回答

相关问题