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点击时，必须打开photo-1.jpg,photo-2.jpg and photo-3.jpg

的图库

点击photo-b.jpg时。必须打开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'/>

就像那样。

注意：在申请之前始终阅读文档

如何使用fancybox为每个图像打开不同的图库

1 个答案: