Stop slideshow bei mouseover

Ich habe eine Diashow, die Verschiebungen zwischen den 3 verschiedenen Bilder, die sind getrennt in einem DIV tag. Ich will, wenn Sie mit der Maus über die slideshow sollte es stoppen und wenn Sie die Maus deaktivieren der Diashow sollte es weiterhin Rollen durch es.

Der code ist hier:

function slideSwitch() {
    var $active = $('#slideshow3 div.active3');
    if ($active.length == 0 ) $active = $('#slideshow3 div:last');

    var $next = $active.next().length ? $active.next() : $('#slideshow3 div:first');
    $active.addClass('last-active3')
    .animate({opacity : 0.0}, 1000);
    $next.css({opacity: 0.0})
        .addClass('active3')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active3 last-active3');
        });
}

Versuchte ich für den Anfang etwas wie das hier tun:

$("#slideshow3").mouseover(function(){
    $(this).stop();
    return false;
});

Aber die slideshow nicht selbst stoppen, also ich bin definitiv nicht die Ausrichtung korrekt ist oder ob man den code an der richtigen Stelle.

Können Sie mir einige Tipps geben ?

Danke!

verwenden Sie die Warteschlange und clearQueue statt stoppen
Können Sie bitte teilen Sie eine Geige?
wo rufst du diese Funktion ? slideSwitch ?
Tut mir Leid, ich habe vergessen zu zählen, die aufrufen, aber ich nenne es einfach unten als: $(function(){ setInterval("slideSwitch()", 3000 );
Hier das fiddle: jsfiddle.net/F86jv ich nicht, warum es nicht laufen obwohl, es sieht mehr oder weniger die gleichen wie meine, neben die Bilder.

InformationsquelleAutor SmalliSax | 2014-01-30

Können Sie Ihre Intervall-Referenz in einer Variablen, die dann, wenn Sie die Maus das Bild beenden der Pause und beim beenden starten Sie es.

Code:

var theInterval;

function startSlide() {
    theInterval = setInterval(slideSwitch, 5000);
}

function stopSlide() {
    clearInterval(theInterval);
}

$(function () {
    startSlide();
    $('#slideshow DIV').hover(function () {
        stopSlide();
    }, function () {
        startSlide();
    })
});