jquery Zyklus mit Hover-Effekt - Javascript, jquery, Hover, mouseover, Zyklus

Hallo zusammen, ich brauche Hilfe, die noch sehr neu in JQuery ist

Ich benutze das Cycle Add-On. Ich habe die folgenden Dinge, die ich bisher versucht habe, um herauszufinden, wie ich es mit einem Schwebeflug ergänzen kann

Wenn sich ein Benutzer also über den Links im Menü befindet, wird der Zyklus durchlaufen, und der Benutzer wechselt zum Schwebeflug, dh zur Benutzersteuerung

aber nach einer Weile des Mouse-Outs wird es fortgesetzt

var n=0
var dn=1
$(document).ready(function() {
$(".slideshow")
.cycle({
fx:     "fade",
speed:  500,
timeout: 3000,
before: function(curr, next, opts) {
n=n+1;
if (n>5) {n=1;dn=5}
$("#item"+dn).removeClass("active");
$("#item"+(n)).addClass("active");
dn=n;
}
});

$(".slideshow").cycle("resume");

$(".slideshow").mouseover(function(){
$(this).cycle("pause");
}).mouseout(function(){
$(this).cycle("resume");
});
});

Jede Hilfe dazu wäre toll, danke

Antworten:

$(".slideshow").hover(function(){
clearTimeout();
$(this).cycle("pause");
}, function(){
setTimeout(function(){
$(this).cycle("resume");
}, 500);
});

Die aktuelle Einstellung wird nach 500 ms fortgesetzt, wenn der Mauszeiger nicht über der Diashow gehalten wird.