0

我已经在我的站点中将fancybox 滑块与上一个和下一个箭头集成在一起。

我想在单击单独的链接时打开滑块。为此，我使用了以下代码

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

它工作正常。但它以第一张图片打开。

我需要的是

花哨的框显示第二张图像（通过单击下一个箭头）。当时我点击文本链接打开花式框。它需要显示第二张图片。为此，我需要在以下代码中传递索引而不是 0 ` $('a.fancybox').eq(0).trigger('click'); 返回假；

为此我使用了代码

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

但它没有用。

如何获取当前图像索引以及如何在单独的文本链接中传递它。

请帮我。谢谢

4

1 回答 1

0

你可能有不同的画廊元素，比如

<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();

然后，您可以在单独的链接中为项目设置不同的触发器，例如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-08T07:38:16.733 回答