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

Publicado el 5 de Febrero del 2002 por Administrador (698 códigos)
40.970 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
estrellaestrellaestrellaestrellaestrella(5)

Publicado el 5 de Febrero del 2002gráfica de visualizaciones de la versión: Versión 1
40.971 visualizaciones desde el 5 de Febrero del 2002
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...
CerrarCerrar
CerrarCerrar
Cerrar

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

Puedes registrarte o validarte desde aquí.

Codigo
Negrita
Subrayado
Tachado
Cursiva
Insertar enlace
Imagen externa
Emoticon
Tabular
Centrar
Titulo
Linea
Disminuir
Aumentar
Vista preliminar
sonreir
dientes
lengua
guiño
enfadado
confundido
llorar
avergonzado
sorprendido
triste
sol
estrella
jarra
camara
taza de cafe
email
beso
bombilla
amor
mal
bien
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s47