jcarousel и отзывчивый макет

Question

У меня есть jcarousel, и я могу заставить его отобразить 8 элементов. Теперь я хочу, чтобы изменить размер браузера, даже изменить размер jcarousel, потому что в противном случае jarousel bar выйдет из пространства браузера. я пытаюсь сделать:

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

В голове. Но, похоже, это не работает. Если браузер стал слишком маленьким (например, на телефоне), лучше удалить jcarousel и просмотреть список элементов? с @media? Потому что даже изображение в галерее 100px 100px Always. При необходимости я могу привести пример.

теперь пытался с чем-то подобным: $ (window) .trigger ('resize');

$(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" 
    }); 
} 
}); 

Это работает, но у меня проблема, потому что это показывает мне только элемент, который я могу видеть, когда я цикла. и не каждый элемент Еще одна странная вещь, поскольку код JcarouselLite оставлен: 0, кажется, я не могу добавить Arrow вокруг jcarousel.

Answer 1

Кажется, что то, что вы пытаетесь сделать, может быть разрешено с помощью версии non-lite jCarousel. Я не думаю, что это легко сделать с облегченной версией.

Они предоставляют responsive example.