@uroot

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

Есть 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 это всё импортируется.

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы