Código: <SCRIPT LANGUAGE="JavaScript">
<!--
var timeDelay = 5;
var Pix = new Array
("my_image_01.jpg"
,"my_image_02.jpg"
,"my_image_03.jpg"
,"my_image_04.jpg"
);
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
// End -->
</script>
Para personalizarlo:
Elija el retardo de transición entre las imágenes en segundos (timeDelay=5
Introduzca el nombre de las imágenes que desea mostrar en la presentación de diapositivas (Pix=new Array("my_image_01.jpg","my_image_02.jpg"...)
.
Para iniciar automáticamente la presentación de diapositivas cuando se carga la página, modifique la etiqueta <Body>, de la siguiente manera:
<body OnLoad="startPix()">
Finalmente, lo más importante, coloque la etiqueta <img> donde quiera que aparezca la presentación de diapositivas. Mediante el atributo src, especifique el nombre de la primera imagen que se debe visualizar:
<img name="ChangingPix" src="my_image_01.jpg">
