Я провожу тестирование лайт-бокса с несколькими наборами изображений для каждого нажатого эскиза.все работает нормально, но второй набор всегда появляется в лайтбоксе на изображении 3 из 3. Не в 1 из 3. Первый набор работает отлично, каждый раз появляется всплывающее окно 1 из 3.Я добавил идентификаторы к якору во втором сете, надеясь, что это поможет безрезультатно.
<div id="main">
<article class="thumb">
<a class="image" href="images/fulls/IMG_7979.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="images/thumbs/r_IMG_7557.jpg" alt=""/></a>
<a class="example-image-link" href="images/fulls/03.jpg" data-lightbox="example-set" data-title="Or press the right arrow on your keyboard."></a>
<a class="example-image-link" href="images/fulls/04.jpg" data-lightbox="example-set" data-title="Or press the right arrow on your keyboard."></a>
<h2>Sarah M.</h2>
<p>Nunc blandit nisi ligula magna sodales lectus elementum non. Integer id venenatis velit.</p>
</article>
<article class="thumb">
<a class="image" href="images/fulls/03.jpg" data-lightbox="example-set2" data-title="Click the right half of the image to move forward." id="1"><img class="example-image" src="images/thumbs/r_IMG_7925-2.jpg" alt=""/></a>
<a class="image" href="images/fulls/IMG_7979.jpg" data-lightbox="example-set2" data-title="Or press the right arrow on your keyboard." id="2"></a>
<a class="image" href="images/fulls/04.jpg" data-lightbox="example-set2" data-title="Or press the right arrow on your keyboard." id="3"></a>
<h2>Makayla G.</h2>
<p>Nunc blandit nisi ligula magna sodales lectus elementum non. Integer id venenatis velit.</p>
</article>
</div>