光滑的轮播如何在上一个视频上停止自动播放下一个按钮单击

时间:2020-01-17 16:02:12

标签: javascript slider slick.js autoplay

我正在使用Slick Carousel(https://kenwheeler.github.io/slick/),并且希望在单击“上一个”或“下一个”按钮时禁用自动播放。因此,在页面加载中,自动播放处于活动状态,但是一旦您单击prev或next按钮,自动播放就会设置为false(而不仅仅是暂停)。

查看我的参数:

$('.carrousel__container__mixMatch3').slick({
  centerMode: true,
  dots: false,
  autoplay: true,
  pauseOnHover: true,
  autoplaySpeed: 3800,
  adaptiveHeight: true,
  centerPadding: '0',
  cssEase: 'ease-in-out',
  slidesToShow: 1,
  variableWidth: true,
  responsive: [
    {
      breakpoint: 767,
      settings: {
        arrows: false,
        autoplay: false,
        variableWidth: false,
        dots: false,
        infinite: false
      }
    }
  ]
});

我尝试添加以下代码:

$('.slick-prev, .slick-next').on('click', function(){
('.carrousel__container__mixMatch3').slick({autoplay: false})

});

但是没有运气,单击上一个或下一个按钮后,自动播放仍处于打开状态。

关于如何执行此操作的任何想法?

0 个答案:

没有答案