Изображения не показывают Correclty с Ajax L oop по циклу или slik js

Question

в моем документе, если я непосредственно добавляю изображения в div и использую цикл или скользящее js, мое слайд-шоу работает, но если я добавляю изображения с помощью ajax, div показывает массив изображений и не работает.

это div:

<div class="slideshow"></div>

путем добавления изображений к div или цикла js работает:

<div class="slideshow">
<img src="images/image1.jpg" />
<img src="images/image2.jpg" />
<img src="images/image3.jpg" />
<img src="images/image4.jpg" />
</div>

, но при добавлении изображений ajax div просто показывает изображения без скольжения (просто массив изображений):

init:
$(".slideshow").slick({}) or $(".slideshow").cycle({});


ajax: 

$.ajax({
url: '/getimages'
}).done(function(data){

$.each(data.images, function(i, image){
$(".slideshow").append(`<img src="images/${image}" />`);
});
});

Answer 1

Вы должны инициализировать ползунок после вызова ajax.

$.ajax({
  url: '/getimages'
}).done(function(data) {
  $.each(data.images, function(i, image) {
    $(".slideshow").append(`<img src="images/${image}" />`);
  });

  $(".slideshow").slick({}) or $(".slideshow").cycle({});
});
``