La clásica presentación de imágenes que se van sucediendo en forma automática (slideshow)
La diferencia entre esta presentación y las anteriores está sólo en la forma de realizar el cambio a la siguiente imagen. En este script la imagen actual desaparece bajando su opacidad a la vez que la siguiente imagen aparece la siguiente subiendo su opacidad mezclandose ambas durante el proceso de transición.
Internet Explorer ofrece una forma muy sencilla de hacer casi lo mismo mediante filters.blendTrans.apply() y filters.blendTrans.play() pero tiene el inconveniente de que sólo funciona en IExplorer además de que no permite centrar las imágenes en la transición y si la presentación utiliza imágenes de distintas dimensiones queda "raro".
var segundos = 5 //cada cuantos segundos cambia la imagen
var dire = "fotos" //directorio o ruta donde están las
imágenes
Crear el listado (array) de imágenes
imagenes[0]="tibidabo.jpg"
En el ejemplo se usan 4 imágenes (de la 0 a la 3). Para agregar más simplemente se añade otra línea con un índice correlativo
imagenes[4]="imagen.jpg"
Finalmente donde queramos que se muestren las imágenes (en body):
<script>escribe()</script><script>escribe()</script>
NOTA: El script está preparado para una imagen centrada. Importante que esté de un contenedor centrado.
NOTA: script actualizado el 28/12/2003
Click en la imagen para iniciar la presentación.
ver el código fuente del ejemploParte código javascript [Seleccionar]
Todos los códigos incluídos los de la página han sido paridos y tecleados por tunait.com. subir