Ответы пользователя по тегу Swiper
  • Как реализовать функционал слайдера swiper js, когда контент данных берется из сервера?

    @King123456 Автор вопроса
    Ребят нашел решение может кому-то понадобится
    Надо мы начало "уничтожить" слайдер,потом вызвать его внутри fetch запроса
    const swapFilms =  new Swiper(".slider__films", {
            navigation: {
                nextEl: ".btn__films-next",
                prevEl: ".btn__films-prev",
              },
        
           <i> init:false,</i>
              spaceBetween: 30,
              slidesPerView: 5,
              
        });
    getResource(' http://localhost:3000/slider__films')
        .then(data => {
            data.forEach(({img,altimg,cardText,cardName}) => {
                new MovieCard(img,altimg,cardText,cardName,'.slider__films .slider__wrapper').render();
            });
            <i>setTimeout(() => {swapFilms.init();},0);    </i>
            
        });


    Потом я забыл добавить класс swiper-slide
    element.classList.add("movie__card");
            element.classList.add("swiper-slide");
            element.innerHTML = `дальше верстка`
    Ответ написан
    Комментировать