Copiez ce script dans l'entête
de votre page :
<SCRIPT LANGUAGE="JavaScript">
<!--
var timeDelay = 5;
var Pix = new Array
("mon_image_01.jpg"
,"mon_image_02.jpg"
,"mon_image_03.jpg"
,"mon_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>
Pour le personnaliser :
Choisissez le délai de transition
entre les images en sacondes (timeDelay=5;)
Entrez le nom des images que vous
voulez afficher dans le diaporama (Pix=new Array("mon_image_01.jpg","mon_image_02.jpg"...);)
Pour que le diaporama démarre
au chargement de la page, modifiez la balise <Body>
comme suit :
<body OnLoad="startPix()">
Enfin, le plus important, placez
la balise <img> à l'endroit où vous
souhaitez que le diaporama apparaissent. Précisez
grâce à l'attribut src le nom de la première
image à affciher :
<img name="ChangingPix
Un diaporama en défilement automatique