Solución:
Solución mucho más limpia que la respuesta actualmente aceptada: agregue el mobileFirst: true,
opción:
$('.slider').slick({
slidesToShow: 5,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 2000,
mobileFirst: true,
responsive: [
{
breakpoint: 767,
settings: "unslick"
}
]
});
Esto interpretará la configuración de su punto de interrupción a partir de resoluciones bajas, según lo previsto.
Consulte la sección de configuración en la documentación de Slick.
Intente esto: el ancho de la pantalla de 9999px a 768px no será deslizante
('.slider').slick({ slidesToShow: 5, slidesToScroll: 1, autoplay: false, autoplaySpeed: 2000, responsive: [ { breakpoint: 9999, settings: "unslick" }, { breakpoint: 767, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: true } } ] });
Desafortunadamente, mi versión de # user1506075 no funcionó sin errores. Resolví el problema de esta manera:
$slickGreen = false;
function greenSlider(){
if($(window).width() < 991){
if(!$slickGreen){
$(".greenSlider").slick({
dots: false,
arrows: false,
slidesToShow: 3,
slidesToScroll: 1
});
$slickGreen = true;
}
} else if($(window).width() > 992){
if($slickGreen){
$('.greenSlider').slick('unslick');
$slickGreen = false;
}
}
};
$(document).ready(function(){
....
greenSlider();
});
$(window).on('resize', function(){
....
greenSlider();
});
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)