光滑 - 如何在悬停时使用暂停？

Question

我正在开发一个AngularJS应用程序,我想使用Slick来创建一个旋转木马来显示图像.

简化,我的HTML看起来像这样:

<slick pauseOnHover="false"  autoplay="true" autoplaySpeed="1000" dots="true" touch-move="false" slides-to-show="3" speed="400" slides-to-scroll="1" ng-if="main.CarouselReady" infinite="true" class="slickCarousel">
    <div ng-repeat="img in main.myImages">
        <img src="{{img.src}}" />
    </div>
</slick>

我有按钮链接到我的controller.js的功能暂停/恢复光滑的轮播,这是正常的.

问题是当我的鼠标结束(悬停)图像部分时,旋转木马不会自动播放.设置"pauseOnHover"设置为false所以我不明白为什么当我的鼠标在...时它不会自动播放

Answer 1

用户pauseOnHover:false在光滑的配置

例如:

$('.slider-nav').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  asNavFor: '.slider-for',
  dots: true,
  centerMode: true,
  focusOnSelect: true,
  pauseOnHover:false
});

Answer 2

pauseOnHover应该pause-on-hover在使用属性表示法时写入:

<slick pause-on-hover="false" ...>
    ...
</slick>