Código de JavaScript - Cambiar una imagen al pasar por encima con el ratón

Cambiar una imagen al pasar por encima con el ratón

JavaScript

(5)

Publicado el 5 de Febrero del 2002 por Administrador (718 códigos)

43.297 visualizaciones desde el 5 de Febrero del 2002

Este código, modifica una imagen al pasar con el ratón por encima.

Versión 1
(5)

Publicado el 5 de Febrero del 2002

gráfica de visualizaciones de la versión: Versión 1

43.298 visualizaciones desde el 5 de Febrero del 2002

Para este código, necestias disponer de dos imagenes denominadas imagen1.gif y imagen2.gif.

<SCRIPT LANGUAGE=JavaScript>

<!--www.lawebdelprogramador.com-->

<!--

img1=new Image();

img1.src="imagen1.gif";

img2=new Image();

img2.src="imagen2.gif";

function Cambia(refer,nueva) {document[refer].src=eval(nueva+".src") };

//-->

</SCRIPT>

<a href="http://www.lawebdelprogramador.com" onMouseOver="Cambia('enlace','img2')" onMouseOut="Cambia('enlace','img1')"><img src="img1.gif" border=0 name="enlace">Enlace</a>

Comentarios sobre la versión: Versión 1 (5)

nakary

12 de Abril del 2002

Tu codigo es muy bueno solo necesito un favor estoy creando un software educativo y tengo un problema montando las imagenes aparecen en la hoja como sino no las cargara como puedo solucionarlo.

Atentamente nakary.
Esperando tu respuesta lo mas pronto posible.Gracias

Responder

Olivia

10 de Mayo del 2002

Tu código es muy bueno pero, al cargar la página hasta que tu pasas el mouse por el espacio para la imagen se muestra la primera imagen como pudeo hacer para que desde el momento en que la cargo se muestre la primera imagen si necesidad que pase el mouse.
Espero pronta respuesta.
Gracias.

Responder

Juan Carlos

31 de Mayo del 2002

El codigo es muy bueno, pero permitame corregir un error a mi entender..

donde dice

<a href="http://www.lawebdelprogramador.com" onMouseOver="Cambia('enlace','img2')" onMouseOut="Cambia('enlace','img1')"><img src="img1.gif" border=0 name="enlace">Enlace</a>

debe ser ...

<a href="http://www.lawebdelprogramador.com" onMouseOver="Cambia('enlace','img2')" onMouseOut="Cambia('enlace','img1')"><img src="imagen1.gif" border=0 name="enlace">Enlace</a>

Espero haber ayudado

Salu2
JC

Responder

Erwin Padila

24 de Agosto del 2006

Great code dude... Excelente me gusto mucho y facil de utilizar...
jeje :)

Responder

edwin agudelo

15 de Febrero del 2014

Muchas gracias, voy a tomar una guia corta de Java, ya que no se Java, y hago el ejemplo un amogo lo va a ensayar y me comenta. Saludos :)

Responder

Comentar la versión: Versión 1

http://lwp-l.com/s47

Abre un popup debajo del navegador

Abrir una ventana desde un enlace

Código de JavaScript - Cambiar una imagen al pasar por encima con el ratón

Versión 1(5)

Comentarios sobre la versión: Versión 1 (5)

Comentar la versión: Versión 1

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Versión 1
(5)