Idees
[ Tornar a la pàgina d'informàtica ]

Una presentación de diapositivas que se ejecuta automáticamente

Para crear una presentación de diapositivas sin transición u otros efectos, todo lo que necesita es un pequeño JavaScript.



Copie este script en el encabezamiento de su página:

<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">