jQuery图像Cycle2在悬停时开始

Question

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

以下是

的演示

Cycle2 Pause On Hover - Demo

这是代码

<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

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

然后这个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');
});