如何打开多个灯箱

Question

我在页面上有一个画廊。 当您单击其中一个缩略图时，相应相册的图库将出现。 在相册中，当您单击图像时，将在灯箱中显示所单击图片的更大，更清晰的版本。 该画廊位于该网站上，我只是想知道如何打开两个灯箱而不是一个。 它可以是一个堆叠在另一个之上或之下，我只需要打开两个。 下面是Im现在使用的代码，当您单击图片时，它仅打开一个灯箱。

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

Answer 1

创建两个或多个具有相同属性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>

祝好运！