HTMLpointHTMLpoint HTMLpoint.com


 Cambio dinámico de imágenes 2/2

  semana 43 - 29 noviembre 1999

La imagen "04.gif", pues, es la que se ve al abrirse la página. Tiene un tamaño de 150x110 píxel, que tiene que ser necesariamente igual al de las demás imágenes. Si las imágenes tuvieran dimensiones diferentes, se visualizarían deformadas.
El punto en el que se coloque la imagen por defecto será el mismo en el que se visualicen las imágenes sucesivas.

Una vez impostada la imagen por defecto, creamos los enlaces. A cada uno de ellos se asocia otra imagen.


A cada enlace se asocia un gestor de eventos onMouseOver, que invoca la función ShowImage y la imagen correspondiente. La imagen que se invoca es distinta para cada enlace, por lo que tendremos:

04.gif para el primer enlace
01.gif para el segundo enlace
02.gif para el tercer enlace
03.gif para el cuarto enlace

El primer enlace, en particular, no es sino una invocación de la imagen por defecto vista precedentemente.

El gestor de eventos onMouseOver prevé que la función "ShowImage" se invoque al pasar el ratón por encima del enlace.

onMouseOver puede sustituirse con otro gestor de eventos: onmouseout.

onmouseout se activa cuando el ratón sale del área de enlace. Tiene un funcionamiento opuesto a onmouseover, en el sentido de que en este caso lo importante no es que el ratón entre en el área de enlace sino que, por el contrario, salga. Sólo en ese momento, de hecho, el gestor de eventos se activará.

Los enlaces textuales del ejemplo se pueden sustituir con imágenes de cualquier formato gráfico, incluso GIF animados.


  Vuelve a principio de página