Yo usualmente creo un div cargo la imagen en el luego creo otro y lo encimo
y coloco manejador de eventos en el segundo asi:
mouseenter=segundo div se desvanece
moiseout=segundo div aparece.
Pero he visto tecnicas en las que en una sola imagen grande estan las dos y bueno no entiendo, bien como hacen el cambio.
Mi duda es como funciona este mecanismo y cual es mejor lo que yo ago o lo otro??
Miren esta pagina de ejemplo:
http://dragoninteractive.com/
