Discussion :

[licorne]

Bonjour,

Je cherche à faire un diaporama.
J'ai chargé toutes mes images dans une suite de div (hidden).
En suite je les affiche et cache successivement avec une pause.
Mon 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
function diapo(i)
{
	montre("haut2[0]");	
	for(j=1;j<i;j++)
	{
		k = j - 1;
		setTimeout("cache('haut2["+k+"]')",1000);
		alert(k);
		montre("haut2["+j+"]");	
	}
	k = j - 1;
	setTimeout("cache('haut2["+k+"]')",1000);
	alert(k);
	setTimeout("diapo("+i+")",1000);
}

J'ai inséré des alert pour suivre pas à pas le script et ça fonctionne.
Mais lorsque j'enlève les "alert" il ne se passe a priori rien.
J'ai lu sur le forum que le SetTimeout n'empèchait pas le traitement de se dérouler.
Comment paramétrer une temporisation ?

Merci pour vos idées.

[SpaceFrog]

tu veux le faire en boucle ?
passe plutot par un setInterval ...

[licorne]

tu veux le faire en boucle ?
passe plutot par un setInterval ...

Les photos s'affichent mais la temporisation d'une seconde n'est pas respectée.
L'affichage défile beaucoup plus vite même si je mets 3 secondes.

[licorne]

Je complète ma réponse avec le code modifié.
Commande lancée à partir du prog php :

Code :

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

$ret.="<script>setInterval('diapo(\"".$i."\")',10);</script>";

Le code javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function diapo(i)
{
	montre("haut2[0]");	
	for(j=1;j<i;j++)
	{
		k = j - 1;
		setTimeout("cache('haut2["+k+"]')",1000);
//		alert(k);
		montre("haut2["+j+"]");	
	}
	k = j - 1;
	setTimeout("cache('haut2["+k+"]')",1000);
//	alert(k);
}

[licorne]

Je complète ma réponse avec le code modifié.
Commande lancée à partir du prog php :

Code :

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

$ret.="<script>setInterval('diapo(\"".$i."\")',10);</script>";

Le code javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function diapo(i)
{
	montre("haut2[0]");	
	for(j=1;j<i;j++)
	{
		k = j - 1;
		setTimeout("cache('haut2["+k+"]')",1000);
//		alert(k);
		montre("haut2["+j+"]");	
	}
	k = j - 1;
	setTimeout("cache('haut2["+k+"]')",1000);
//	alert(k);
}

Je me permets de relancer ma demande.

Dans la mesure où le traitement ne fait pas de pause d'1 seconde à chaque affichage de photo comment marche le setTimeout ?

Merci pour vos suggestions.

[Matthieu2000]

Code :

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

$ret.="<script>setInterval('diapo(\"".$i."\")',10);</script>";

! *100

[licorne]

! *100

La tempo 100 ne change rien.

[Matthieu2000]

Code :

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

1
2
3
4
5
6
7
8
9
10
$ret.="<script>setInterval('diapo(\"".$i."\")',1000);</script>";
 
indice=1;
function diapo(i)
{
cache('haut2['+indice+']');
indice++;
if(indice==i){indice=1;}
montre("haut2["+indice+"]");	
}

quelque chose comme cela...

[licorne]

Code :

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

1
2
3
4
5
6
7
8
9
10
$ret.="<script>setInterval('diapo(\"".$i."\")',1000);</script>";
 
indice=1;
function diapo(i)
{
cache('haut2['+indice+']');
indice++;
if(indice==i){indice=1;}
montre("haut2["+indice+"]");	
}

quelque chose comme cela...

Simple comme bonjour...

Merci beaucoup.