Ligas con imagenes!!!

[lircim]

tengo una imagen que deseo ligar.. a una pagina..

pero requiero que al pasar el mouse sobre la imagen, esta cambie por otra es decir darle un efecto al onmouseover.. que me cambie la imagen por otra.. solo cuando el cursor pasa sobre la imagen..

gracias

[jahepi]

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!

[lircim]

Gracias jahepi

Lo probare..

salu2