Lassen: Hover-Übergang abgeschlossen, auch wenn nicht auf Element

Question

Ich habe eine Fotografie-Website here bauen, aber ich habe ein Problem mit den: Hover-Übergänge in den Galerieseiten. Es lädt zwei Links, die über den Thumbnails liegen, eines öffnet das Bild in der fancybox und das andere setzt das Bild als Hintergrund.

Alles funktioniert gut, aber wenn Sie vor dem Übergang von der Miniaturansicht schweben, wird der ursprüngliche Zustand wiederhergestellt.

Gibt es eine Möglichkeit, den Übergang ablaufen zu lassen, bevor er in den Ruhezustand zurückkehrt?

Answer 1

Angenommen, JavaScript ist nicht ausgeschlossen, jQuery will certainly let you have this behaviour mit der Fähigkeit der .hover() -Methode zwei Rückrufe zu akzeptieren, eine für den Hover, eine für, wenn der Hover stoppt.

$("div.thumb").hover(function(){ 
    // show the magnifying glasses 
    $(this).animate({ top: "0", opacity: 1 }); 
}, function() { 
    // hide the magnifying glasses 
    $(this).animate({ top: "-100px", opacity: 0 }); 
});