Jquery Slick.js-在循环到第一张幻灯片后暂停幻灯片放映

我正在使用slick.js slideshow库，我试图在它循环回到第一张幻灯片后基本上暂停幻灯片。我知道我必须用“滑头滑动”和“滑头暂停”的方法来做一些事情。但我似乎无法让它发挥作用。谢谢

    <div class="slideshow">
      <div><img src="img/bg1.jpg" alt="bg1" /></div>
      <div><img src="img/bg2.jpg" alt="bg2" /></div>
      <div><img src="img/bg3.jpg" alt="bg3" /></div>
      <div><img src="img/bg4.jpg" alt="bg4" /></div>
      <div><img src="img/bg5.jpg" alt="bg5" /></div>
    </div>


      var currentSlide = $('.slideshow').slick('slickCurrentSlide');

    $('.slideshow').on('beforeChange', function pauseSlideShow(event, slick, currentSlide, nextSlide){

      console.log("this is slide #" + currentSlide);

        setTimeout(function() {
          if (nextSlide === 0) {
            console.log("Yay!!! we're back to 1");
            $('.slideshow').slickPause(); 
          };
        }, 3000);

  });

var currentSlide=$（'.slideshow'）.slick（'slickCurrentSlide'）；
$（'.slideshow'）。在（'beforeChange'，函数暂停slideshow（事件、滑动、当前幻灯片、下一个幻灯片）{
log（“这是幻灯片#”+currentSlide）；
setTimeout（函数（）{
if（nextSlide==0）{
log（“耶！！！我们回到1”）；
$（'.slideshow'）.slickPause（）；
};
}, 3000);
});

您可以使用Slick的

onAfterChange

回调

$('.slider').slick({
  dots: true,
  autoplay: true,
  autoplaySpeed: 1000,
  infinite: true,
  speed: 500,
  slide: 'div',
  cssEase: 'linear',
  onAfterChange: function(slider){
    if(slider.currentSlide === 0){
      $('.slider').slickPause();
    };
  }
});

---

以下是

如果幻灯片返回到第一张幻灯片，无论是通过自动播放、滑动还是使用上一张/下一张控件，都将暂停幻灯片放映

例如：

---

从1.4.1版开始，灵活的回调方法已经被弃用，取而代之的是事件。谢谢。我不知道。再次感谢你在这方面的帮助。几天前我意识到，如果用户在幻灯片停止自动播放后尝试单击这些点，这些点将不再可单击。你知道怎么解决这个问题吗。再次感谢你几周前的帮助，非常感谢。成功了。我写的'afterChange'函数有点不同，它暂停后引起了一个问题。你是最棒的！！！！

var $slider = $(".slider").slick({
    autoplay: true
})
.on('afterChange', function( e, slick, currentSlide ) {
    if( currentSlide == 0 ) {
        $slider.slick('slickPause');
        console.log('paused');
    }
});