jQuery image Cycle2 start on hover

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

Убедитесь, что вы удалите атрибут 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'); 
});