Script qui marche après un reload de la page

Version imprimable

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:

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();
}

17/11/2009, 13h29
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

Merci de ta réponse, mais déjà j'ai pas mis la dernière version du code :ccool:.
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:

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();
}

17/11/2009, 13h54
Bovino

Citation:

Envoyé par Sumoner

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.
17/11/2009, 14h37
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???