Discussion :

[Sumoner]

Bonjour,
J'ai fait un petit script de galerie photo, il est vraiment basic. Mais le problème est que la première fois que le script est appelé il ne marche pas, toutes les photos sont les unes sur les autres. Mais lorsque je recharge la page tout marche niquel.
Comment faire pour eviter cela.
Merci d'avance.

voici le code.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
var timer, wImage, imageLeft, gal, hGallery;
var tabImages = new Array();
var pos = 0;
var valIncre = 2;
var oui = true;
var time = 20;
 
function move() {
	for (i in tabImages) {
		imageLeft = parseInt(tabImages[i].style.left);
		wImage = tabImages[i].width;
		tabImages[i].style.left = imageLeft + valIncre + "px";
		if (imageLeft > pos - wImage) {
			tabImages[i].style.left = imageLeft - pos + "px"
		}
		;
	}
	timer = setTimeout("move()", time)
}
onload = function() {
	gal = document.getElementById("gallery");
 
	for (i = 0; i != 8; i++) {
		tabImages[i] = new Image();
		tabImages[i].src = "photos/" + i + ".jpg";
		tabImages[i].id = "slider";
		gal.appendChild(tabImages[i]);
	}
 
	gal.style.display = "block";
	for (i in tabImages) {
		tabImages[i].style.left = pos + "px";
		hGallery = gal.offsetHeight;
		tabImages[i].style.top = (hGallery - tabImages[i].height) / 2 + "px";
		tabImages[i].style.display = "block";
		pos += tabImages[i].width;
	}
	move();
}

[Bovino]

Salut.

Cela vient probablement du fait que lors du premier appel de ta page, tu appelles la fonction move() avant que les images ne soient chargées, ce qui provoque une erreur.
Lorsque tu recharges la page, les images sont déjà dans le cache, donc l'appel à move se passe correctement.

Pour régler le problème, voir la FAQ : http://javascript.developpez.com/faq...argementImages

[Sumoner]

Merci de ta réponse, mais déjà j'ai pas mis la dernière version du code .
Mais aussi la FAQ explique pour des images présentes dans des balise img, et je ne voit pas trop le rapport avec mon code.
Merci

dernière version

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
var timer, wImage, imageLeft, gal, hGallery;
var tabImages = new Array();
var pos = 0;
var valIncre = 2;
var oui = true;
var time = 20;
var stop =-86;
 
function move() {
	stop+=2;
	for (i in tabImages) {
		imageLeft = parseInt(tabImages[i].style.left);
		wImage = tabImages[i].width;
		tabImages[i].style.left = imageLeft + valIncre + "px";
		if (imageLeft > pos - wImage) {
			tabImages[i].style.left = imageLeft - pos + "px";
			tabImages[i].style.display = "block";
		}
	}
	if(stop==172){
	timer = setTimeout("move()", 500);
	stop=0;
	}
	else
		timer = setTimeout("move()", time);
}
onload = function() {
	gal = document.getElementById("gallery");
 
	for (i = 0; i != 8; i++) {
		tabImages[i] = new Image();
		tabImages[i].src = "photos/" + i + ".jpg";
		tabImages[i].id = "slider";
		gal.appendChild(tabImages[i]);
	}
 
	gal.style.display = "block";
	tabImages[0].style.display = "block";
	for (i in tabImages) {
		tabImages[i].style.left = pos + "px";	
		pos += tabImages[i].width;
	}
	move();
}

[Bovino]

Mais aussi la FAQ explique pour des images présentes dans des balise img, et je ne voit pas trop le rapport avec mon code.

Même si l'exemple se base sur des balises img, le principe se base lui sur la vérification de la propriété complete d'une image.
Il s'agit donc bien d'une propriété JavaScript liée à un objet JavaScript de type Image, que cet objet ait été créé via l'interprétation du code HTML par le moteur JavaScript ou directement via une fonction.
L'exemple est donc tout à fait transposable dans ton cas.

[Sumoner]

Merci beaucoup pour tes réponse mais le problème est que maintenant il y a une boucle infinie, la variable compteur est toujours égale a 0 le premier chargement. Au deuxième tout se passe bien compteur vaut bien 8 à la fin.
Donc si je comprend bien le problème c'est que les images ne se charge jamais au premier appel, mais elles sont quand même affichées!
D'où vient le problème???