Fade in/out su hover altro elemento

[dani_ajl]

Buongiorno,

Io ho 3 immagini (img1, img2_biancoenero e img2_colori).
Io volevo che nel momento in cui vado "mousehover" su img1, l'img2_biancoenero diventasse img2_colori con l'effetto fade in e tornasse img2_biancoenero quando si va "mouseout".

Quindi come faccio a collegare all'evento mousehover di img1, la funzione jquery che deve essere applicata su un'altra immagine?

Grazie

[dani_ajl]

Ho risolto così:

$(document).ready(function(){
$("#fade").hover(
function() {
$("#img1").stop().animate({"opacity": "0"}, "slow");
},
function() {
$("#img1").stop().animate({"opacity": "1"}, "fast");
});

});

Sopra ho messo l'immagine in bianco e nero collegata alla funzione sopra.
Sotto l'immagine a colori fissa.