如何打开多个灯箱

时间:2013-03-27 05:41:37

标签: jquery html fancybox lightbox2

我在一个页面上有一个画廊。当您单击其中一个缩略图时,将显示相应相册的图库。在相册中,当您点击图像时,点击的更大更清晰的图片将出现在灯箱中。 the gallery is on this site我只是想知道如何打开两个灯箱而不是一个灯箱。它可能是一个堆叠在另一个上面或下面我只需要打开两个。下面是我现在使用的代码,当你点击图片时它只打开一个灯箱。

<a href="images/headboards/lhb1.jpg" class="triggerLightbox"><img src="images/headboards/hb1.jpg" alt="Headboard" width="620" height="350" /></a>

1 个答案:

答案 0 :(得分:0)

创建两个或多个具有相同属性rel的链接图像,如下所示:

<a rel="group" href="images/headboards/lhb1.jpg" class="triggerLightbox"><img src="images/headboards/hb1.jpg" alt="Headboard" width="620" height="350" /></a>
<a rel="group" href="images/headboards/lhb2.jpg" class="triggerLightbox"><img src="images/headboards/hb2.jpg" alt="Headboard" width="620" height="350" /></a>
祝你好运!