Diaporama

 

Cette routine en javascript permet l'affichage d'un certain nombre d'images,
avec une temporisation que vous pouvez régler.

Pour le bon fonctionnement de cette routine, toutes les images doivent avoir
le même nom générique, la même extension (ex: img1.gif, img2.gif ...)
et doivent avoir la même dimension (cf : WIDTH et HEIGHT).

Trois écritures sont nécessaires pour mettre ce diaporama en place.
Script à insérer entre les balises <HEAD> et </HEAD> 

<Script Language="Javascript"><!--
photo=new Array(10);
for (i=1;i < 9; i++)
{ spath="img/alice"+i+".jpg";
photo[i]=new Image();
photo[i].src=spath;
}
var >projo1=1;
function projo(){
if(projo1>9){projo1=1;}
else{projo1++;}
document.$1.src="img/alice"+projo1+".jpg";
setTimeout("projo()",2000);
}
//--></script>

bleu :

répertoire, nom générique des images,
extension du groupe d'images

rouge :

nom de la fonction, nom de la variable
(boucle d'appel des images)

vert :

valeur de temporisation d'affichage.

 

Chargement de la routine dans la balise <BODY> :

<BODY onload="projo();">

 

Ligne d'appel à insérer à l'endroit voulu :

<P><IMG SRC="img/alice1.jpg" WIDTH=160 HEIGHT=160
ALIGN=bottom name="$1"></P>

Cette ligne devant comporter l'adresse de la première image et la variable ($1).