jquery - jQuery图像Cycle2在悬停时开始

Question

我希望采用 Cycle2 Pause On Hover 的功能，但将其实现为反向运行。这样幻灯片仅在悬停时开始（并在鼠标离开图像时结束）

这是下面的演示

Cycle2 悬停时暂停 - 演示

这是代码

<div class="cycle-slideshow" 
data-cycle-fx=fadeout
data-cycle-timeout=1000
data-cycle-pause-on-hover="true"
>
<img src="http://jquery.malsup.com/cycle2/images/p1.jpg">
...
</div>

Answer 1

data-cycle-pause-on-hover确保从循环幻灯片 div 中删除该属性。

那么这个jQuery代码应该可以工作

$('.cycle-slideshow').cycle('pause');
$('.cycle-slideshow').hover(function () {
    //mouse enter - Resume the slideshow
    $('.cycle-slideshow').cycle('resume');
},
function () {
    //mouse leave - Pause the slideshow
    $('.cycle-slideshow').cycle('pause');
});