Как добавить слайд в Swiper?

Question

[uRoot]

Есть JS-файл со слайдером:

export function Slider() {
// инициализация слайдера, настройка и т.д.
}

Тут же есть и XMLHttpRequest():

export function SliderXMLHttpRequest() {
  var request = new XMLHttpRequest();
  request.open('GET', `https://www.omdbapi.com?s=run&apikey=daee70b3`, true);
  request.onload = function () {
    if (request.status >= 200 && request.status < 400) {
      var data = JSON.parse(request.responseText);
      dataParse(data);
    } else {
      alert('Какая-то ошибка');
    }
  };
  request.send();

  function dataParse(data) {
    var r = document.getElementById('sliderAdd');
    r.insertAdjacentHTML('afterbegin', `
    <li class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active">
      ...
          <img class="lazy loaded"  alt="" src="`+ data.Search[0].Poster +`">
     ...
  </li>
    `);
  }
}

Ну а потом в main.js это всё импортируется.

Слайд добавляется. Но сам слайдер перестаёт работать: не свапаются слайды, не работает навигация. Если добавленный слайд удалить на самой странице, то работоспособность восстановится. Ошибок нигде нет. Как правильно добавить слайды?

Comments

[reaget]

При добавлении слайда, структура слайдера не ломается?

[uRoot]

reaget, неа.