Fancybox通过多个按钮打开一个画廊

Question

我正在使用Fancybox进行摄影工作。这是我工作的页面：http://www.marybethmeehan.com/wordpress/portfolio/city-of-champions-project/

它运作得很好，但我的库中有重复。开发人员的文档非常好，但无论出于何种原因，我都无法理解如何设置它。我打赌这很简单。

该页面有三种方式可以打开一个图库。

• 点击精选图片（乐队制服中的女孩）
• 点击图片数量“35张图片”
• 或者单击“拇指”并从中单击任何图像

当您单击特色图像或图像数量时，您将获得图库中的第一个图像（这是完美的）但图像实际上是重复的。当你在那里前进时，你会再次看到与图像编号2相同的图像。

这是因为我使用相同的锚两次来启动画廊。 Fancybox正在做我认为应该做的事情。如果您搜索616.downtown-from-above.jpg的来源，您会看到它三次。

所以，我的简单问题是，我如何从任何幻灯片1开始画廊，而不重复画廊的任何内容？我需要从这两个位置启动图库，并允许某人通过缩略图视图启动他们想要的任何地方。我确定我只是不理解一些非常基本的东西。

Answer 1

您需要为“计数链接”创建自定义点击事件，并触发第一个（或任何其他）图像链接的点击事件。像这样的东西（不要忘记从计数链接中删除data-fancybox）：

jQuery('.project__gallery-wrapper__count a').on('click', function() {
    jQuery('[data-fancybox="mbm-gallery"]').first().trigger('click');
    return false;
});

顺便说一句，您可以使用fancyBox显示缩略图列表，类似于此示例 - https://fancyapps.com/fancybox/3/#ajax