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圖像分組

回答

相關問題