Caroufredsel応答可能な可視アイテム

Question

応答可能なWebサイト（3つの州：960px、720pxおよび320px）でcaroufredselを構築しています。 これらの状態のいずれかでページを読み込むと効果的です。これは、アイテムの正しい数（それぞれ3,2,1）を示します。 ただし、ウィンドウのサイズを変更すると、表示される項目の数は変更されません。 $(window).resize()コールについて考えていましたが、Caroufredselの設定を初期化した後の調整方法がわかりません。

$('#caroufredsel').carouFredSel({ 
    infinite: true, 
    auto: false, 
    pagination: false, 
    prev: { 
     button: '#prev', 
     key: 'left' 
    }, 
    swipe: { 
     onTouch: true, 
     onMouse: true 
    }, 
    next: { 
     button: '#next', 
     key: 'right' 
    }, 
    items: { 
     visible: 'variable' 
    } 
}); 

Answer 1

は次のとおりです。

var $carouselContainer = $('#caroufredsel'); 
var resizeCallback = function() { 
    var showThatManyItems = 3; // determine the number of items to be shown depending on viewport size 
    $carouselContainer.trigger('configuration', [ 
     'items', { 
      visible : showThatManyItems 
     } 
    ], true); 
} 

Answer 2

私が間違っていない場合は、パラメータの1つとして「responsive：true」は必要ありませんか？あなたはあなたのサイズ変更、コールバックで実行する必要があり何