如何使用的fancybox

Question

我使用的fancybox-2.1.5打開每個圖像不同的畫廊，我可以把它當作正常使用像$('.fancybox').fancybox();

，但現在我需要打開不同的畫廊爲每個點擊圖片標籤

例如：

<a href='#'><img src='photo-a.jpg' class='fancybox' rel='gallery'/></a> <a href='#'><img src='photo-b.jpg' class='fancybox' rel='gallery'/></a> <a href='#'><img src='photo-c.jpg' class='fancybox' rel='gallery'/></a>
當photo-a.jpg clicked.must開放畫廊爲photo-1.jpg,photo-2.jpg and photo-3.jpg

0時clicked.Must打開圖庫photo-4.jpg,photo-5.jpg and photo-6.jpg ...等

如何使這個使用fancybox和ajax如果有必要？

Answer 1

只爲不同的畫廊分配不同的rel。

<a href='#'><img src='photo-a.jpg' class='fancybox' rel='gallery1'/></a> 
      <img src='photo-a1.jpg' class='fancybox' rel='gallery1'/> 
      <img src='photo-a2.jpg' class='fancybox' rel='gallery1'/> 
<a href='#'><img src='photo-b.jpg' class='fancybox' rel='gallery2'/></a> 
      <img src='photo-b1.jpg' class='fancybox' rel='gallery2'/> 
      <img src='photo-b3.jpg' class='fancybox' rel='gallery2'/> 
<a href='#'><img src='photo-c.jpg' class='fancybox' rel='gallery3'/></a> 
      <img src='photo-c1.jpg' class='fancybox' rel='gallery3'/> 
      <img src='photo-c2.jpg' class='fancybox' rel='gallery3'/> 

就是這樣。

注：始終閱讀文檔前申請