Galerie photo facile

Toutes les photos doivent être numérotées à partir de 1 et avoir la même extension.

Exemple: mon chat

L'image de départ:

L'image de départ doit comporter l'attribut id, par exemple id = "idimg", indispensable au fonctionnement du script. On peut aussi imposer ses dimensions, par exemple . Cela donne:

En syntaxe wikilu

((../up/mesphotos/photo1.jpg))°°id = "idimg" width="140" height="140"°°

En html

<img src="../up/chat/photo1.jpg" alt="" id = "idimg" width="140" height="140" />

Le code javascript:

La fonction projo se charge de faire défiler les images:

var projo1 = 1 ;
function projo(){
	if(projo1 > nbrimg - 1){
		projo1 = 1;
	} else {
		projo1++;
	}
	document.getElementById(idimg).src = baseimg + projo1 + extimg;
	setTimeout("projo()" , tempoimg);
}

Initialisation des paramètres

Il faut

Lancer la fonction au chargement de la page

addLoadEvent(projo);

Initialiser les variables

nbrimg = 5;
baseimg = "../up/mesphotos/photo";
extimg = ".jpg";
tempoimg = 1500;
idimg = "idimg";

Précharger les images

photo = new Array(nbrimg);
for (i=1 ; i < nbrimg ; i++) {
	spath = baseimg + i + extimg;
	photo[i] = new Image();
	photo[i].src = spath;
}