Tengo problemas para eliminar mi carrusel elegante para pantallas por debajo de una determinada resolución (768 px). Aquí está el código que estoy usando (lo encontré aquí en Stack overflow). El problema es que mi carrusel ingenioso no se mostrará en absoluto después de agregar este código.

 $slickGreen = false; function greenSlider(){ if($(window).width() > 768){ if(!$slickGreen){ $('#book-carosel').slick({ slidesToShow: 6, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000, arrows: true, infinite:true }).show(); }); $slickGreen = true; } } else if($(window).width() < 767){ if($slickGreen){ $('#book-carosel').slick('unslick'); $slickGreen = false; } } }; }); $(document).ready(function(){ .... greenSlider(); }); $(window).on('resize', function(){ .... greenSlider(); });

Mi código original que funciona para mostrar el carrusel es el siguiente:

 $(document).ready(function(){ $('#book-carosel').slick({ slidesToShow: 6, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000, arrows: true, infinite:true }).show(); });

Cualquier ayuda sería muy apreciada.