0

Использую слайдер slick-carousel. Часто бывает необходимо отключать слайдер на определенных разрешениях, помогает в этом такая конструкция:

responsive: [
        {
            breakpoint: 767,
            settings: "unslick"
        } 
]

Но это полезно если нужно отключить уже действующий слайдер, а если нужно сделать наоборот чтобы слайдер на десктопах не работал а на мобильных включался то возникают сложности. Есть ли возможность использовать этот метод наоборот? Чтобы не писать конструкцию типа:

var width = $(window).width();
$(window).resize(function(){
  if( width < 767) {
    $(".slider").slick({...});
  }}
);

1 ответ 1

3

Укажите breakpoint для широкого экрана (для desktop), например:

responsive: [
            {
                breakpoint: 2048,
                settings: "unslick"
            },
            {
               breakpoint: 600,
               settings: {
                  slidesToShow: 2,
                  slidesToScroll: 2
            }
        },
    ]
3
  • Я как раз сейчас так делаю, "breakpoint: 9999" но думаю что есть более красивый способ. 6 янв 2018 в 10:45
  • Куда уж красивее. Оба варианта работают с событием $(window).resize()
    – LANSELOT
    6 янв 2018 в 10:56
  • Ну я имел в виду что может свойство unslick можно указать в дефолтных параметрах слайдера чтоб не писать его в массиве responsive, но если такой возможности нет, то этот вариант самый привлекательный. 6 янв 2018 в 13:24

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.