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

Imágen de perfil

Cambiar una imagen al pasar por encima con el ratóngráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 05 de Febrero del 2002 por Administrador
32.654 visualizaciones desde el 05 de Febrero del 2002. Una media de 49 por semana
Este código, modifica una imagen al pasar con el ratón por encima.

Versión 1
estrellaestrellaestrellaestrellaestrella(5)

Publicado el 05 de Febrero del 2002gráfica de visualizaciones de la versión: Versión 1
32.655 visualizaciones desde el 05 de Febrero del 2002. Una media de 49 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

Para este código, necestias disponer de dos imagenes denominadas imagen1.gif y imagen2.gif.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<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
estrellaestrellaestrellaestrellaestrella
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
estrellaestrellaestrellaestrellaestrella
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
estrellaestrellaestrellaestrellaestrella
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
estrellaestrellaestrellaestrellaestrella
Great code dude... Excelente me gusto mucho y facil de utilizar...
jeje :)
Responder
edwin agudelo
15 de Febrero del 2014
estrellaestrellaestrellaestrellaestrella
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

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s47