Как сделать много одинаковых Swiper слайдеров?
Есть вот такой блок.
Если в основном слайдере много слайдов, внутри которых свои thumbs swiper слайдеры то внутренние thumbs слайдеры имеют один и тот-же класс по которому они инициализируются и тупо не работают, потому что у них классы повторяются по которым идёт инициализация.
В общем как сделать такую конструкцию из swiper слайдеров?
Ответы (1 шт):
Автор решения: Pr0gramm1st
→ Ссылка
Код ниже проинициализирует (должен) все ваши слайдеры в слайдере
let swiperThumbs = document.querySelectorAll(".swiper-thumbs"); //Нашли все слайдеры, которые в слайдере
swiperThumbs.forEach(
let swiper = new Swiper(value, {
//Указываете параметры инициализации (direction, loop и т.д.). И, помнится, обязательно нужно добавить следующие два параметра
observer: true,
observerParents: true
});
);