灯箱 - 有1个图像链接到一个画廊

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为第1图像，并 example-set到example-2在同一页第2图像