我正在开发 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,所以我不明白为什么当我的鼠标位于...时它不自动播放...
最佳答案
用户 pauseOnHover:false
在光滑的配置上
例如:
$('.slider-nav').slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: true,
centerMode: true,
focusOnSelect: true,
pauseOnHover:false
});
关于javascript - Slick - 如何在悬停时使用暂停?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43738233/