FancyBox图像分组

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

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

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

任何帮助，你可以提供将是很棒的。

来源

2013-01-07 user1956181

从我的script.js文件中删除以下行允许相对属性才能正常工作：

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

来源

2013-01-10 22:04:24 user1956181

这种结构使用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文件到最新版本。

来源

2013-01-07 21:58:43 JFK

感谢JFK，由于某种原因，我使用不会摇摆这些变化的模板。我在小提琴中看到它很明显，但还是没有。我再次确认我所有的js和css fancybox文件都是最新的，并且更新到小提琴中使用的jquery。 – user1956181

你能分享一个链接吗？还要确保你正在加载单一版本的jQuery，理想情况下是最新的（一些模板或其他插件可能包括他们自己的jQuery版本） – JFK

@ user1956181当然你可以 – JFK

FancyBox图像分组

回答

相关问题