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

Question

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

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

.

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

Сейчас пробовал с чем-то вроде это тоже: $ (окно). Детский («изменение изменений»);

 $(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, кажется, я не могу добавить стрелку вокруг jcarousel.

Answer 1

Похоже, что вы пытаетесь сделать, можно решить, можно решить, используя un-lite версию jcarousel ОтказЯ не думаю, что это легко сделать с версией Lite.

Они предоставляют Отзывчивый пример .