@sferg007

Как изменить горизонтальное направление свайпа?

Использую на сайте карусель Slick JS.

Все работает, кроме свайпа слайдов на мобильных устройствах. Слайды свайпятся в обратном направлении. Т.е., если я провожу по экрану пальцем вправо, слайды едут влево и наоборот. Как изменить направление свайпа?

Настройка слайдера выглядят вот так:

$(document).ready(function(){
    $('.slick-products').slick({
        slidesToShow: 4,
        // slidesToScroll: 1,
        autoplay: true,
        cssEase: 'linear',
        arrows: true,
        dots: true,
        infinite: true,
        swipe: false,
        autoplaySpeed: 2500,
        pauseOnFocus: false,
        pauseOnHover: true,
        pauseOnDotsHover: false,

responsive: [
            {
              breakpoint: 1200,
              settings: {
                slidesToShow: 3,
                slidesToScroll: 1,
                arrows: true,
                dots: true,
                pauseOnFocus: false,
                pauseOnHover: true,
                pauseOnDotsHover: false
              }
            },
            {
              breakpoint: 992,
              settings: {
                slidesToShow: 2,
                slidesToScroll: 1,
                dots: true,
                arrows: true,
                pauseOnFocus: false,
                pauseOnHover: true,
                pauseOnDotsHover: false
              }
            },
            {
              breakpoint: 768,
              settings: {
                slidesToShow: 2,
                dots: true,
                arrows: true,
                swipe: true,
                swipeToSlide: true,
                pauseOnFocus: false,
                pauseOnHover: true,
                pauseOnDotsHover: false
              }
            },
            {
                breakpoint: 521,
                settings: {
                  slidesToShow: 1,
                  dots: true,
                  arrows: true,
                  swipe: true,
                  swipeToSlide: true,
                pauseOnFocus: false,
                pauseOnHover: false,
                pauseOnDotsHover: false
                }
              }
          ]          
    });
});
  • Вопрос задан
  • 38 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы