Question

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

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

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

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

我需要的是

精美的方框显示第二张图片（点击下一张图片）。那时我点击文本链接打开花式框。它需要显示第二个图像。为此我需要在下面的代码`$（'a.fancybox'）中传递索引而不是0。eq（0）.trigger（'click'）;返回false;

Fot我使用了代码

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

但它没有用。

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

请帮帮我。感谢

Answer 1

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

<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

Jquery获得Fancy box图像索引

1 个答案: