Question

我正在使用最新的Fancybox，我试图在一个页面上拥有多个画廊。我尝试了rel属性进行分组以及下面的示例。无论照片是不是分组。我已经尝试过在论坛中看到的所有建议都无济于事。我在页面中尝试使用此代码段作为脚本，它也不起作用：

$(".fancybox").fancybox();

<a class="fancybox" data-fancybox-group="cover" href="images/horse1L.jpg"></a>

您可以提供的任何帮助都很棒。

Answer 1

此结构使用rel之类的

<p> Gallery one</p>
<a rel="gallery01" class="fancybox" href="one_01.jpg">Gallery one / image 01</a>
<a rel="gallery01" class="fancybox" href="one_02.jpg">Gallery one / image 02</a>

<p>Gallery two</p>
<a rel="gallery02" class="fancybox" href="two_01.jpg">Gallery two / image 01</a>
<a rel="gallery02" class="fancybox" href="two_02.jpg">Gallery two / image 02</a>

...使用此脚本：

$(document).ready(function() {
  $(".fancybox").fancybox(); // fancybox
}); // ready

......应该工作!!

选中 JSFIDDLE 并将其与您的代码进行比较。

还要确保将两个，js和css fancybox文件更新到最新版本。

Answer 2

从script.js文件中删除以下行允许rel属性正常工作：

$('.list4>li>figure>a, .list6>li>figure>a').attr('rel','appendix') .prepend('<span class="sitem_over"><strong></strong></span>')

FancyBox图像分组

2 个答案: