aulambra.com - Tecnologias de Internet
 
 

Lista de Correo

Para suscribirte a la lista de correo dejanos tu e-mail y preferencias en tecnologías.

Seguir >>

Valid HTML 4.01!
Valid CSS!

Web 2.0

Guardar... Compartir...
EMAIL: PASSWORD:
Darme de alta como usuario | Se me ha olvidado la contraseña

volverscript/javaScript/Cambio dinámico de Imagen

Cambio de imagen

El ejercicio consiste en que al pasar sobre un enlace cambie una imagen del documento. Para poder llevar a cabo este ejercicio debemos de tener en cuenta una serie de cosas.

La primera es que el código script que se ejecute para cambiar la imagen empezará a ejecutarse cuando se produzca el evento onMouseOver sobre el enlace. Este evento llamará a una función que podemos llamar cambiar.

No se nos debe de olvidar que cuando el usuario abandone el enlace debemos de volver a poner la imagen original. Para ello debemos de capturar el evento onMouseOut que lanzará otra función que llamaremos volver.

Con respecto a las funciones script debemos de tener en cuenta como se llama la imagen del documento. Para ello daremos un nombre a la imagen a través de su parámetro name.

<img src="imagen.jpg" name="miimagen">

Como conocemos el nombre de la imagen valdrá con modificar su parámetro src que indica el origen de la imagen.

miimagen.src = "nuevaimagen.jpg"

Cuando entremos en el enlace se cargará una foto y cuando salgamos, otra.

arriba


"Muchas veces me moria pensando que no iba verte.
Pero moria la muerte cada vez que te veia". E.Galeano.


© Copyright 2001-2006. Víctor Cuervo
aulambra.com | Linea de Codigo