Мы уже добавили код, но отображаются только изображения большого пальца. Нам нужен естественный путь к изображению. Я прикрепил ссылку на изображение, пожалуйста, прочтите это
<div class = "<?php echo $class; ?>">
<?php if ($thumb || $images) { ?>
<ul class = "thumbnails" id = "lightgallery" >
<?php if ($thumb) { ?>
<li class = "col-xs-6 col-sm-4 col-md-3 prdbimgImg img-responsive" data-responsive = "<?php echo $thumb; ?>" data-src = "<?php echo $thumb; ?>" >
<a href = "" id = "zoom_01">
<img class = "img-responsive" src = "<?php echo $thumb; ?>" data-zoom-image = "<?php echo $popup; ?>">
</a>
</li>
<?php } ?>
<?php if ($images) { ?>
<?php foreach ($images as $image) { ?>
<li class = "image-additional img-responsive" data-responsive = "<?php echo $image['thumb']; ?>" data-src = "<?php echo $image['thumb']; ?>" >
<a href = "" data-id = "zoom_01">
<img class = "img-responsive" src = "<?php echo $image['thumb']; ?>" data-zoom-image = "<?php echo $popup; ?>">
</a>
</li>
<?php } ?>
<?php } ?>
</ul>
<?php } ?>
</div>






Это потому, что вы устанавливаете миниатюру на data-src:
data-src = "<?php echo $image['thumb']; ?>"
Согласно документы, data-src должен содержать полный образ.
Если изображения хранятся в $images, а миниатюры в $thumb, как вы говорите, то это должно помочь:
<ul id = "lightGallery" >
<?php for ($i = 0; $i < count($images); $i++) { ?>
<li data-src = "<?php echo $images[$i]; ?>" >
<img src = "<?php echo $thumb[$i]; ?>" />
</li>
<?php } ?>
</ul>
Вы можете показать мне код, в котором создается $images? Я знаю, что вы храните внутри $ images, поэтому я не могу знать, каков путь к вашему полному изображению ;-)
$ images мы храним изображения, а $ thumb - изображения большого пальца.
Если мы дадим $ images в data-src, первое изображение будет повторяться 3 раза
Я отправил справочную ссылку, проверьте только в мобильной версии
в соответствии с условием цикла, какой путь мне нужно указать?