jquery - 滑らかなスライダーには空のスライドがあります

Question

4 つの項目を持つ単純な Slick スライダーがあります。センターモードとオートマチックに設定されています。最初に読み込まれると、最初のスライドの左側には何もありません。最後の (4 番目の) スライドが挿入されると、右 (最初の) スライドは挿入されるまで空白になります。

この質問を見ましたが、答えは完全にギリシャ語でした。これが私のHTMLとJSです。

<div class="your-class">
  <div id="mySlide1">one</div>
  <div id="mySlide2">two</div>
  <div id="mySlide3">three</div>
  <div id="mySlide4">four</div>
</div>

Javascript

$('.your-class').slick({
    autoplay: true,
    centerMode:true,
    centerPadding:'60px'
    });

最初と最後のスライドが空白/空なのはなぜですか?

https://jsfiddle.net/s1f4yo76/2/