const mediaQuerySize = 575;
let sliders= [];
const options = {
slidesPerView: 'auto',
spaceBetween: 10,
freeMode: true,
speed: 230,
scrollbar: {
el: '.swiper-scrollbar',
dragSize: '66px',
hide: true,
},
});
(window).on('load resize', function () {
// Берём текущую ширину экрана
var windowWidth = $(this).innerWidth();
// Если ширина экрана меньше или равна mediaQuerySize(1024)
if (windowWidth <= mediaQuerySize) {
// Инициализировать слайдер если он ещё не был инициализирован
sliders= [
new Swiper('.swiper1', options),
new Swiper('.swiper2', options),
...
new Swiper('.swiperN', options),
];
} else {
// Уничтожить слайдер если он был инициализирован
sliders.forEach(slider=>slider.destroy(true, true));
sliders=[];
}
});