HTMLpointHTMLpoint HTMLpoint.com


 Galería de imágenes 2/2



El ejemplo analizado se caracteriza por la facilidad de programación y de uso, pero no es el único de este tipo. Son distintas, efectivamente, las oportunidades que Javascript prevé para la visualización de imágenes. Por ejemplo, una exigencia diferente de la que hasta ahora se ha examinado podría ser la la degestionar imágenes en secuencia con una progresión establecida, y la posibilidad de volver en cualquier momento a la inicial. El segundo ejemplo se refiere específicamente a esta posibilidad.

El código que sigue no se aparta mucho del que hemos analizado anteriormente y hay que escribirlo íntegramente en los Tag <BODY>:

El gestor de eventos "onClick" invoca las funciones "atrás" y "adelante", mientras:

<a href="#" onClick="which=1;atrás();return false">Vuelve a empezar</a>

remite a la primera imagen de la galeria.

Las imágenes se escriben en la parte inicial del código:
Para añadir es suficiente incluir otras líneas y nombres de imágenes con números progresivos. Por ejemplo:
Muestra el ejemplo práctico

La posición, el tamaño y el texto que se alterna con las imágenes que se tienen que ver se colocan, como en el ejemplo anterior, en la línea de código:

<img src="entro.jpg" width="218" height="300" name="entro">

El texto que aparece en la barra de navegación del navegador está establecido por la línea:

if (which>0){
window.status='Galería de imágenes"


por lo que respecta a las tres primeras imágenes. Y del código:

else window.status='Fin de las imágenes'

por lo que respecta a la última imagen, más allá de la cual no es posible avanzar con la selección, sino sólo volver a la anterior.

El uso de estos script, como se ha dicho al comienzo del artículo, es útil para páginas con muchos elementos gráficos. Una de las características principales de los dos ejemplos, consiste en cargar las imágenes sólo cuando están seleccionadas y no cuando se abre la página. En otras palabras, mientras que en una página HTML normal las imágenes se cargarían todas juntas, con lentitud y perdiendo tiempo en la conexión, en el caso de los dos ejemplos examinados, sólo la primera (dentro.jpg) se carga al abrirse la página.


  Vuelve a principio de página
1997-2000 - Gráfica, layout y guías son propiedad exclusiva de HTMLpoint s.r.l.