<div id="orig" class="col-xl-2 col-lg3 col-md4 col-sm-6 col-6 item" style="display:none">
<img />
<div class="cover-item-gallery">
<a data-fancybox="Gallery" >
<i class="fa fa-search fa-2x"></i>
</a>
</div>
</div>
<div id="images">
</div>
<script>
let images=["img/img1.jpg","img/img2.jpg"]
$(document).ready(function () {
images.forEach(function (src) {
var clone = $("#orig").clone().show();
$(clone).removeAttr("id");
$(clone).find("a").attr("href", src);
$(clone).find("img").attr("src", src);
$("#images").append(clone);
})
})
</script>
Я бы пошел примерно таким путем. Получаем от куда-то массив ссылок на изображения и клонируя исходный элемент заполняем им контейнер