HTMLpointHTMLpoint HTMLpoint.com


 Cambio dinámico de imágenes 1/2

  semana 43 - 29 noviembre 1999

Entre las aplicaciones mejor logradas de Javascript, se cuenta, sin lugar a dudas, la gestión de imágenes asociadas a eventos del ratón, es decir al paso del ratón por un área de enlace utilizada sobre todo en la creación de menús.
El ejemplo de esta semana retoma el tema de las imágenes visualizadas dinámicamente, mediante un script extremadamente sencillo e intiuitivo.

El ejemplo consta de 5 file: Las imágenes necesariamente *deben* tener las mismas dimensiones, tanto a lo ancho como a lo largo. Puede variar, en cambio, el formato gráfico.

Para comprender más fácilmente el presente script, haz siempre referencia a los file antedichos, verificando los procedimientos y datos expresados. Sólo de esta manera, con una comparación continua, podrás entender las peculiaridades de este Javascript.

esempio.htm

La sintaxis del ejemplo debe insertarse, en parte, entre las marcas <HEAD> y, en parte, en el cuerpo del documento.
En el encabezamiento del documento debe insertarse la siguiente sintaxis:


EL código imposta dos funciones: buffer e Showimage.
Las imágenes del ejemplo están recogidas en la última parte del código. Es importante, para que el script funcione, el nombre "SHOWPAD" asignado a las imágenes.

Dentro del documento se insertará, antes de nada, el código que invoca la imagen por defecto, es decir, la imagen que aparece al abrirse la página:


  Vuelve a principio de página