Как отключить swiper слайдер на десктопе?

Question

[MRcracker]

Здравствуйте. Есть небольшой слайдер сделанный при помощи swiper.

Подскажите, пожалуйста, как отключить слайдер на дескопных устройствах и включить на мобильных устройствах?

Пример кода: Код

Answer 1

[Dennis]

как-то так должно работать

function initSlider() {
new Swiper('.swiper', {
	loop: false,
	sped: 2400,
	navigation:{
		nextEl: '.swiper-button-next',
		prevEl: '.swiper-button-prev',
	},
	pagination: {
		el: '.swiper-pagination',
		clickable: true
	},
	breakpoints: {
    // when window width is >= 320px
    320: {
      slidesPerView: 2,
      spaceBetween: 20
    },
    // when window width is >= 480px
    480: {
      slidesPerView: 2,
      spaceBetween: 30
    },
    // when window width is >= 1920px
    1920: {
      slidesPerView: 1,
	    spaceBetween: 60,
	    autoplay:false,
    }
  }
	 
});
}


function detectDevice() {
	if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
    // true for mobile device
    initSlider();
    
	}else{
    // false for not mobile device
    
	}
}

detectDevice();

Answer 2

[castetus]

например:

document.addEventListener('DOMContentLoaded', () => {
  const width = window.innerWidth
  if (width < 1024){
    const slider = new Swiper()
  }
})

Comments

[MRcracker]

Большое спасибо. Один из самых простых способов, который я видел)))