Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 通过多个按钮打开Fancybox one多媒体资料_Jquery_Wordpress_Fancybox - Fatal编程技术网

Jquery 通过多个按钮打开Fancybox one多媒体资料

Jquery 通过多个按钮打开Fancybox one多媒体资料,jquery,wordpress,fancybox,Jquery,Wordpress,Fancybox,我正在使用Fancybox制作一个正在进行中的摄影网站。这是我正在工作的页面: 它运行得很好,但我的图库中有复制品。开发者文档非常好,但不管出于什么原因,我都不知道如何设置它。我打赌这很简单 该页面有三种打开“一个库”的方式 单击乐队制服中的女孩的特征图像 单击图像数35个图像 或者单击拇指并从中单击任意图像 当您单击特色图像或图像数量时,您将获得画廊中的第一张图像,这张图像非常完美,但实际上是复制的。当你从那里往前走时,你会再次看到与画廊2号相同的图像 这是因为我已经使用相同的锚两次启动画廊。

我正在使用Fancybox制作一个正在进行中的摄影网站。这是我正在工作的页面:

它运行得很好,但我的图库中有复制品。开发者文档非常好,但不管出于什么原因,我都不知道如何设置它。我打赌这很简单

该页面有三种打开“一个库”的方式

单击乐队制服中的女孩的特征图像 单击图像数35个图像 或者单击拇指并从中单击任意图像 当您单击特色图像或图像数量时,您将获得画廊中的第一张图像,这张图像非常完美,但实际上是复制的。当你从那里往前走时,你会再次看到与画廊2号相同的图像

这是因为我已经使用相同的锚两次启动画廊。我想Fancybox正在做它应该做的事情。如果您在源代码中搜索616.downtown-from-over.jpg,您将看到它三次


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

您需要为计数链接创建自定义单击事件,并为第一个或任何其他图像链接触发单击事件。类似于此,请不要忘记从计数链接中删除数据fancybox:

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

顺便说一句,你可以使用fancyBox来显示缩略图列表,类似于这个例子-

Ah…所以我用这个方法假装点击fancyBox本身。这有点道理。我认为可能有一种方法可以使用fancybox.open方法,但不知道如何将实例传递给open。我会试试这个,谢谢。假装点击是很好的技巧。实际上,你的问题启发了我在即将到来的fancyBox更新中添加新功能,请参见最后一个示例-等待下一个版本或从codepen获取源代码:好吧,这太棒了。谢谢你的插件。它确实工作得很好。我将很快重新设计覆盖层的工作方式,以满足客户的需求。似乎您已经通过提供的CSS使它变得简单。