JCarousel y diseño receptivo.

Question

Tengo Jcarousel y lo conseguí para que muestre 8 elementos.Ahora quiero cuando cambie el tamaño del navegador, incluso el tamaño de Jcarousel, porque de lo contrario, Jcarousel Bar sale del espacio del navegador. Intento hacer:

  $( window ).resize(function() {
        $("#Carousel").jcarouselLite({
                visible: 5                    
        });
  });

en la cabeza.Pero no parece funcionar. Si el navegador se volvió demasiado pequeño (por ejemplo, visto en un teléfono), es mejor hacer que Jcarousel desaparezca y vea una lista de artículos? con @media? Porque incluso la imagen en la galería es 100px 100px siempre.Puedo proporcionar un ejemplo si es necesario.

probado ahora con algo como esto también: $ (ventana). Trigger ('tamaño de tamaño');

 $(window).resize(function(){
if($(window).width() > 300 && $(window).width() < 500){
    $('.next, .prev').unbind('click');
    $('.image-gallery').jCarouselLite({
        visible: 3.5,
        btnNext: ".next",
        btnPrev: ".prev"
    });
}
else if($(window).width() > 500 && $(window).width() < 700){
    $('.next, .prev').unbind('click');
    $('.image-gallery').jCarouselLite({
        visible: 4.5,
        btnNext: ".next",
        btnPrev: ".prev"
    });
}
else if($(window).width() > 700 && $(window).width() < 900){
    $('.next, .prev').unbind('click');
    $('.image-gallery').jCarouselLite({
        visible: 5,
        btnNext: ".next",
        btnPrev: ".prev"
    });
}
    else if($(window).width() > 1000){
    $('.next, .prev').unbind('click');
    $('.image-gallery').jCarouselLite({
        visible: 6,
        btnNext: ".next",
        btnPrev: ".prev"
    });
}
 });

funciona, pero tengo un problema porque me muestra solo el elemento que puedo ver cuando ciclo. y no todos los elementos Otra cosa extraña, ya que se deja el código JCarousellite: 0, parece que no puedo agregar la flecha alrededor de Jcarousel.

Answer 1

Parece que lo que está tratando de hacer puede resolverse usando la versión no lite jcarousel .No creo que sea fácil de hacer con la versión Lite.

proporcionan una Ejemplo de respuesta .