1

我有一个页面，有两种方法可以打开在 fancybox 2 中打开的图像/视频库。

问题在于，因为有两个链接可以打开带有第一张图片的画廊的开头，所以第一张图片在画廊中显示了两次。

这是我的例子http://www.londonsitedesign.co.uk/test.html

如何防止第一张图片在图库中显示两次？

4

1 回答 1

2

如果第一个链接只会启动 fancybox 画廊，那么它不需要fancybox 类（href例如，也不需要属性）

您实际上可以为它使用不同的类（例如fancyboxLauncher）

<a class="fancyboxLauncher" href="#" rel="falling">Slideshow</a>

...并将click事件绑定到它，例如：

$(".fancyboxLauncher").on("click", function(){
    $(".fancybox").eq(0).trigger("click");
    return false;
});

...请注意，我们使用该方法.eq(0)从第一个项目触发画廊，否则它将从最后一个项目开始。另请注意，.on()需要 jQuery v1.7+

您仍然需要为 fancybox 画廊提供此代码

$(".fancybox").fancybox({
    // API options here
});

检查JSFIDDLE

于 2013-06-27T16:55:53.593 回答