Al pasar el mouse cambia de Imagen.

MaTyS · #1 (**permalink**) 07/03/2009, 21:20

Hola, el tema es el siguiente.
Tengo la imagen X.JPG y cuando se pasa el mouse por arriva quiero que se ponga la imagen X1.JPG alguien me daria este simple codigo.
Busque por todos lados pero nose como se llama :S.
Saludos y desde ya muchas gracias.

jomaruro · #2 (**permalink**) 08/03/2009, 05:14

Hola:

En esta página (www.araudi.net) tienes varios ejemplos de rollover, espero que te sirva.

Saludos.

prograficion · #3 (**permalink**) 08/03/2009, 16:57

Eso se hace con javascript, mas especificamente con los eventos onmouseover y onmouseout.
por ejemplo:

<html>
<head>
<script type="text/javascript">
function cambiar()
{
document.getElementById("IdDeLaImagen").src="X.jpg ";
}
function cambiar2()
{
document.getElementById("IdDeLaImagen").src="X1.jp g";
}
</script>
</head>
<img src="X1.jpg" id="IdDeLaImagen" onmouseover="cambiar()" onmouseout="cambiar2()">
<p>
pasa el mouse por la imagen
</p>
</body>
</html>

Algo así.

Era eso lo que buscabas?

Saludos