Если нужно несколько независимых слайдеров, можно поместить их в индивидуальные блоки и задавать так.
var swiper = new Swiper('.own-class .swiper-container',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
loop: true,
preloadImages: false,
// Enable lazy loading
lazyLoading: true
});
var swiper = new Swiper('.own-class-2 .swiper-container',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
loop: true,
preloadImages: false,
// Enable lazy loading
lazyLoading: true
}); и тд и они не будут влиять друг на друга, можно также записать все эти классы в переменную и перебрать циклом, если не хочешь много раз дублировать конструкцию и она одинаковая.
Написано
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
var swiper = new Swiper('.own-class .swiper-container',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
loop: true,
preloadImages: false,
// Enable lazy loading
lazyLoading: true
});
var swiper = new Swiper('.own-class-2 .swiper-container',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
loop: true,
preloadImages: false,
// Enable lazy loading
lazyLoading: true
}); и тд и они не будут влиять друг на друга, можно также записать все эти классы в переменную и перебрать циклом, если не хочешь много раз дублировать конструкцию и она одинаковая.