Question

我有这个灯箱库：

<div class="image-row">
                                <div class="image-set">
                                        <a class="example-image-link" href="img/demopage/image-3.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="img/demopage/thumb-3.jpg" alt=""/></a>
                                        <a class="example-image-link" href="img/demopage/image-4.jpg" data-lightbox="example-set" data-title="Or press the right arrow on your keyboard."><img class="example-image" src="img/demopage/thumb-4.jpg" alt="" /></a>
                                        <a class="example-image-link" href="img/demopage/image-5.jpg" data-lightbox="example-set" data-title="The next image in the set is preloaded as you're viewing."><img class="example-image" src="img/demopage/thumb-5.jpg" alt="" /></a>
                                        <a class="example-image-link" href="img/demopage/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img class="example-image" src="img/demopage/thumb-6.jpg" alt="" /></a>
                                </div>
                        </div>

但是这会显示所有图像缩略图，我希望有1个图像，当您点击它时，用户可以浏览所有图像....我希望这是有道理的。

Answer 1

只需将第example-set替换为example-1即可对于同一页面中的第二张图片，example-set至example-2

灯箱 - 有1个图像链接到图库

1 个答案: