я пытаюсь отобразить коллекцию изображений на веб-сайте, однако
-Я хочу сначала отобразить только одну картинку, после нажатия на нее
-Пользователь может нажать на стрелку «влево» или «вправо», чтобы проверить другие изображения.
Я использую Light-box, и мой код теперь позволяет отображать все изображения на странице, а не только одно.
<div class="gallery">
<a href="images/pic1.jpg" data-lightbox="mygallery"> <img class="img-responsive" src="images/pic1.jpg"> </a>
<a href="images/pic2.jpg" data-lightbox="mygallery"><img src="images/pic2.jpg" class="img-responsive" > </a>
<a href="images/pic4.jpg" data-lightbox="mygallery"><img src="images/pic4.jpg" class="img-responsive"></a>
<a href="images/pic5.jpg" data-lightbox="mygallery"><img src="images/pic5.jpg" class="img-responsive"></a>
<a href="images/pic6.jpg" data-lightbox="mygallery"><img src="images/pic6.jpg" class="img-responsive"></a>
<a href="images/pic7.jpg" data-lightbox="mygallery"> <img src="images/pic7.jpg" class="img-responsive"></a>
<a href="images/pic8.jpg" data-lightbox="mygallery"><img src="images/pic8.jpg" class="img-responsive"></a>