Hola
Licim!
Primero debes precargar las imágenes que vas a cargar para evitar que se carguen el momento que se ejecute el evento onmouseover, lo haces de esta manera:
Código:
var $imagenA = new Image();
var $imagenB = new Image();
$imagenA.src = 'imagen1.jpg';
$imagenB.src = 'imagen2.jpg'
Para que cambie la imagen de acuerdo a cierto evento lo podrías hacer de esta forma:
Código:
function cambiar_imagen($referencia, $estado){
if($estado == 'over') $referencia.src = $imagenA.src;
if($estado == 'out') $referencia.src = $imagenB.src;
}
Y tu imagen:
Código HTML:
<img onmouseover="cambiar_imagen(this, 'over');" onmouseout="cambiar_imagen(this, 'out');" src="" />
Un saludo!