매끄러운 회전 목마에서 끝날 때 회전 목마의 부드러운 전환을 설정하는 방법은 무엇입니까?

Question

Slick 회전 목마를 사용하고 있습니다. 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, 
     } 
     } 
     ] 
    }); 
});