如何使用的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'/> 

就是这样。

注：始终阅读文档前申请