JCAROUSELとレスポンシブレイアウト

Question

私はJCarouselを持っていて、私は彼に8つの要素を表示させることを管理します。ここで、JCarouselのサイズ変更でも、ブラウザのサイズを変更したら、JCarouselバーがブラウザスペースから外出します。 私はやろうとします：

  $( 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

あなたがいたるとしようとしていることは、Lite以外のバージョンを使用して解決できます jcarousel 。私はそれがLiteのバージョンでやるのが簡単だとは思わない。

彼らは応答例