[RISOLTO] animazione pulsante con fade

[emanuelevt]

Salve, vorrei fare in modo che all''hover del mouse cambi con effetto fade l'immagine.
P.s. considerate che ora ho ripetuto per 5 volte lo stesso pulsante

$(".push").hover(function(){		
		var x=$(this);
		
		/**al completamento di fadeout carico la seconda img***/
		x.fadeOut(500,function(){		
			x.attr('src','images/servizi-on.png').fadeIn(500);		
		});
	},function(){		
		/**inverto***/
		x.fadeOut(500,function(){$(this).attr('src','images/servizi.png').fadeIn(500);
		})
	});

Questo però funziona se lentamente (entro i 500ms) vado sopra e poi esco dall'immagine, se invece scorro velocemente nei 5 (ipotetici) pulsanti praticamente non funziona più. pensate che devo applicare animate abilitando stop(true,true)?

 

[emanuelevt]

A chi può servire ho risolto in questo modo:


<div class='push'>
<img src='1.jpg'>
<img src='2.jpg' class='entra'> <!-- in positione assoluta-->
</div>

$(".push").hover(function(){
$(".entra").stop(true,true).fadeIn();
});
},function(){

$(".entra").fadeOut();
})
});