var swiper = undefined; var winW = window.innerWidth; var swiperElement = document.getElementById("slider"); var swiperWrapper = swiperElement.getElementsByClassName("swiper-wrapper"); var swiperSlide = swiperElement.getElementsByClassName("swiper-slide"); var options = { loop: true, centeredSlides : true, pagination: '.swiper-pagination', nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', breakpoints: { 991: { slidesPerView: 2, spaceBetween: 10 }, 767: { slidesPerView: 1, spaceBetween: 0 } } }; function initSwiper() { if(swiperElement){ var screenWidth = window.innerWidth; if(screenWidth > 992 && swiper == undefined) { swiper = new Swiper('#slider', options); } else if (screenWidth > 991 && swiper != undefined) { swiper.destroy(); swiper = undefined; for( var i=0;i<swiperWrapper.length; i++ ) { swiperWrapper[i].removeAttribute('style'); } for( var i=0;i<swiperSlide.length; i++ ) { swiperSlide[i].removeAttribute('style'); } } } } initSwiper(); window.addEventListener('resize',initSwiper);