Jquery hover lock up

Question

Cette animation de fondu de l'interrupteur d'image se bloque parfois lors du déplacement de la souris et laisse le 'facebookblue.png' en place jusqu'au prochain passage de la souris.

$("#facebookrollover").hover(function(){ 
    $("#facebookimg").stop(true, true).ImageSwitch({NewImage:"facebookblue.png", Speed:200}); 
}, 
function(){ 
    $("#facebookimg").stop(true, true).ImageSwitch({NewImage:"facebookgrey.png", Speed:400}); 
}); 

Et la partie html:

<a id="facebookrollover" href="http://www.facebook.com"><img id="facebookimg" src="facebookgrey.png" alt="Facebook" /></a> 

Oh et je suis en utilisant le plugin jquery imageswitch, mais je doute que ce soit le problème, puisque je reçois même problème quand juste changer l'opacité.

Answer 1

Vous pouvez le faire avec seulement css: placer deux balises à l'intérieur imga un caché par défaut, et le commutateur therir propriété display sur :hover. Ou encore mieux les combiner dans un sprite et simplement changer de position de fond.