Использую слайдер slick-carousel. Часто бывает необходимо отключать слайдер на определенных разрешениях, помогает в этом такая конструкция:
responsive: [
{
breakpoint: 767,
settings: "unslick"
}
]
Но это полезно если нужно отключить уже действующий слайдер, а если нужно сделать наоборот чтобы слайдер на десктопах не работал а на мобильных включался то возникают сложности. Есть ли возможность использовать этот метод наоборот? Чтобы не писать конструкцию типа:
var width = $(window).width();
$(window).resize(function(){
if( width < 767) {
$(".slider").slick({...});
}}
);
Укажите breakpoint для широкого экрана (для desktop), например:
responsive: [
{
breakpoint: 2048,
settings: "unslick"
},
{
breakpoint: 600,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
]
Сборка персонального компьютера от Artline: умный выбор для современных пользователей