Foros del Web » Creando para Internet » Diseño web »

Al pasar el mouse cambia de Imagen.

Estas en el tema de Al pasar el mouse cambia de Imagen. en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 07/03/2009, 21:20
Avatar de MaTyS  
Fecha de Ingreso: enero-2009
Ubicación: Mar del Plata
Mensajes: 220
Antigüedad: 8 años, 11 meses
Puntos: 18
Al pasar el mouse cambia de Imagen.

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.
  #2 (permalink)  
Antiguo 08/03/2009, 06:14
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Al pasar el mouse cambia de Imagen.

Hola:

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

Saludos.

  #3 (permalink)  
Antiguo 08/03/2009, 17:57
 
Fecha de Ingreso: marzo-2009
Ubicación: Nayarit, México.
Mensajes: 60
Antigüedad: 8 años, 9 meses
Puntos: 1
Respuesta: Al pasar el mouse cambia de Imagen.

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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:48.