Slick syncスライダを反応させるには？

Question

滑らかな同期を使用して2つのスライダを追加しました。私はそれらを反応させる方法を知らない。私はレスポンシブ[]を使ってスライダーを反応させる方法を知っていますが、同期スライダーを進めることはできません。

$('.slider-for').slick({ 
 
    slidesToShow: 1, 
 
    slidesToScroll: 1, 
 
    arrows: false, 
 
    fade: true, 
 
    asNavFor: '.slider-nav' 
 
}); 
 
$('.slider-nav').slick({ 
 
    slidesToShow: 3, 
 
    slidesToScroll: 1, 
 
    asNavFor: '.slider-for', 
 
    dots: true, 
 
    centerMode: true, 
 
    focusOnSelect: true 
 
});

Answer 1

あなたはちょっと自分自身に指摘したように、あなたは意図した通りに動作させるために応答[]セクションを使用する必要があります。例えば：

$('.section').slick({ 
     centerMode: true, 
     centerPadding: '25px', 
     infinite: false, 
     arrows: true, 
     initialSlide: 1, 
     slidesToShow: 1, 
     responsive: [ 
      { 
       breakpoint: 3000, 
       setting: { 
        slidesToShow: 3 
       } 
      }, 
      { 
       breakpoint: 1400, 
       setting: { 
        slidesToShow: 2 
       } 

      }, 
      { 
       breakpoint: 800, 
       setting: { 
        slidesToShow: 1 
       } 

      } 
     ] 
    }); 

上記の例では、800ピクセル以下1400pxと800ピクセルと1スライド間3000pxと1400px、2スライド間の3枚のスライドが表示されます。 3000pxを超えるブレークポイントは存在しないため、これはそれ以上の解像度幅の設定にもなります。

私はうまく動作するように多くの問題を抱えていました。また、ページの読み込み順序を変更して他のコントロールと連携させる必要がある場合もありますが、