Swiper - отключение свайпа на десктопе
Доброго времени суток, на демо сайте установлен swiper-slider.
Проблема в том, что не могу понять, как инциализировать функцию отключения передвижения слайдера посредством жестов (свайп, скролл), только лишь на десктопах. Насколько мне известно - это функция mySwiper.allowTouchMove. Демо сайт: тык Либо подскажите в чем причина бага при свайпе на десктопе: слайды перетаскиваются некорректно, пагинация не изменяется в общем то. Инициализирую слайдер вот так.
<script>
var swiper = new Swiper('.slider2', {
slidesPerView:4,
spaceBetween: 30,
loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
grabCursor:true,
centeredSlides: false,
autoplay: {
delay: 6500,
disableOnInteraction: false,
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
// Responsive breakpoints
breakpoints: {
// when window width is <= 768px
1100: {
slidesPerView: 1,
spaceBetween: 60,
autoplay:false,
}
}
});
</script>
Спасибо за внимание! |
CORONER,
попробуйте указывать пагинацию относительно слайдера, примерно так ".slider2 .swiper..." |
рони,
спасибо огромное! |
| Часовой пояс GMT +3, время: 23:26. |