jquery - FancyBox 图像分组

Question

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

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

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

你能提供的任何帮助都会很棒。

Answer 1

这种结构使用rellike

<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>')