Slick Carouselで終了するときにカルーセルのスムーズな移行を設定するにはどうすればよいですか？

Question

私はスリックカルーセルを使用しています。私はこのようなjQueryを持っています：

$('.my-carousel').slick({ 
    dots: false, 
    variableWidth: true, 
    centerPadding: '0px', 
    slidesToShow: 4, 
    slidesToScroll: 3, 
    speed: 2000, 
    infinite:true, 
    responsive: [ 
     { 
      breakpoint: 1024, 
      settings: { 
      arrows: true, 
      centerPadding: '20px', 
      slidesToShow: 3, 
      slidesToScroll: 3, 
      speed: 1500, 
      variableWidth: true, 
      infinite:true, 
      } 
     }, 
     { 
      breakpoint: 480, 
      settings: { 
      arrows: true, 
      dots: false, 
      centerPadding: '20px', 
      slidesToShow: 1, 
      slidesToScroll: 1, 
      speed: 1000, 
      variableWidth: false, 
      infinite:false, 
      } 
     } 
    ] 
}); 

カルーセルの最後の項目に達すると、最初の項目に戻ってきます。私はその設定を見つけようとしましたが、運はありませんでした。シームレスな遷移の最初の項目を設定するには

Answer 1

DEMO

http://plnkr.co/edit/JJ75YAuGLtm7q0E9zSxl?p=preview

variableWidth: true,設定を削除して、あなたの要件ごとに画像のスタイル。

jQuery(document).ready(function($){ 
    $('.personnel-slider').slick({ 
     dots: false, 
     //variableWidth: true, 
     centerPadding: '0px', 
     slidesToShow: 4, 
     slidesToScroll: 3, 
     speed: 2000, 
     infinite:true, 
     responsive: [ 
     { 
     breakpoint: 1024, 
     settings: { 
      arrows: true, 
      centerPadding: '20px', 
      slidesToShow: 3, 
      slidesToScroll: 3, 
      speed: 1500, 
      //variableWidth: true, 
      infinite:true, 
     } 
     }, 
     { 
     breakpoint: 480, 
     settings: { 
      arrows: true, 
      dots: false, 
      centerPadding: '20px', 
      slidesToShow: 1, 
      slidesToScroll: 1, 
      speed: 1000, 
      //variableWidth: false, 
      infinite:false, 
     } 
     } 
     ] 
    }); 
});