SlideShow simple

Esta rutina crea un slideshow que permite colocar cualquier cantidad de imágenes que se reproducirán a una velocidad dada.

Para implementarla, debemos efectuar 3 pasos:

1. Cargar el archivo JavaScript (es aconsejable alojarlo en un servidor externo si vamos a utilizar la rutina varias veces, sino, basta copiar el código en el HEAD de la página)

<script type="text/javascript" src="URL_SlideshowSimpleV1.js"></script>

2. Colocar un vínculo vacío donde se desee que aparezcan las imágenes y establecer cuál será la primera:

<a href="#" onclick="return false;">
<IMG src="URL_imagen" name="elNombre" border=0 width="ancho" height="alto">
</a>

3. Agregar los datos requeridos y ejecutar la función:

<script type="text/javascript">
var velocidad=unValor;
var objeto=document.images.elNombre
slideshowV1(
"URL_imagen_1",
"URL_imagen_2",
".......",
"URL_imagen_n"
);
ejecutarSSV1();
</script>

donde velocidad es un valor expresado en milisegundos (1000 = 1 segundo); elNombre es el dato que colocamos en el atributo name de la etiqueta IMG y URL_imagen es la lista de imágenes a mostrar, entre comillas y separadas por comas.

Como siempre, en el caso de Blogger, para insertarse dentro de un post, todo debe ser escrito en una sola línea para evitar que aparezcan saltos de línea indeseados.

Este es el código de la rutina JavaScript:

// *** SlideshowSimpleV1.js ***

var mtxIMG=new Array()
var mtxLNK=new Array()

var cualLNK=0
var cualIMG=0

function slideshowV1(){
for (i=0;i<slideshowV1.arguments.length;i++) {
mtxIMG[i]=new Image()
mtxIMG[i].src=slideshowV1.arguments[i]
}
}

function ejecutarSSV1() {
if (!document.images)
return
objeto.src=mtxIMG[cualIMG].src
cualLNK=cualIMG
if (cualIMG<mtxIMG.length-1)
cualIMG++
else
cualIMG=0
setTimeout("ejecutarSSV1()",velocidad)
}

// *** final del script ***