Discussion :

[rocketter]

Bonjour je développe actuellement un diaporama de 6 images qui défilent automatiquement, ça fonctionne via le code ci-dessous :

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
 
 
var diapoOK = true;
var i = 0;
var resultat = diaporama();
 
function diaporama() {
 
	/*Si la variable diapoOK est à true, on lance le programme*/
 
		if (diapoOK){
 
			i++;
 
			var image = i;
 
			var precedent = '#img' + (i-1);
			var actuel = '#img' + i;
 
			if (i == 1){
				var precedent = '#img6';
			}
 
			$(precedent).fadeOut(2000);
			$(actuel).fadeIn(2000);
 
			if (i == 6) {image = i; i = 0;}	
 
			return (image);
		}
	}
 
setInterval(diaporama, 5000);

J'appelle ma fonction diaporama toutes les 5 secondes et celle-ci est censé me retourner l'indice de l'image actuellement affichée dans ma variable globale resultat sauf que dans la pratique, la variable image prend bien les différentes valeurs de i dans la fonction, mais resultat reste désespérément à 1 et là je bloque

Comment faire pour que resultat dans le prog principal récupère bien les différentes valeurs de image de la fonction ?

Merci d'avance.

[SpaceFrog]

??? retour pourquoi faire

https://fiddle.jshell.net/4gv0fwmb/

[rocketter]

Je souhaite récup l'image actuellement affiché par le diaporama pour coder des boutons suivant et précédent. Si c'est l'image 3 qui est affichée actuellement, le clic sur suivant affichera l'image 4.

[juse12k]

Il suffit d'assigner ta variable resultat à chaque fois que tu parcours ta function Diaporama() au lieu de faire un return

[rocketter]

J'ai remplacé var resultat = diaporama(); par var resultat = 0; et la ligne return (image); par resultat = image; mais ça ne fonctionne toujours pas, resultat reste bloqué à 0 maintenant.

[NoSmoking]

Bonjour,
il me semble que le plus simple pour toi est de mettre à jour une variable globale imageEncours = i dans ta fonction.

[rocketter]

Je m'en suis tiré en fait via ce code :

Code :

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

1
2
3
setInterval(function(){
                alert(resultat);
         }, 5000);

Les différentes valeurs stockés dans resultat sont ainsi rafraichies.

[NoSmoking]

j'ai donc rien compris au problème !

[SpaceFrog]

La solution laisse en effet perplexe ...

[rocketter]

J'ai essayé d'être le plus clair possible pourtant, dans mon code, lorsque je testais resultat avec un alert par exemple, il restait figé avec la première valeur de image

Il fallait en fait que je la rafraichisse, par exemple avec setInterval.

[danielhagnoul]

C'est logique !

Lorsque vous faites : var resultat = diaporama();, diaporama() est exécuté une seule fois et résultat prend la valeur return (image);.

Lorsque vous faites setInterval(diaporama, 5000);, chaque appel de la fonction se termine toujours par return (image); mais cette valeur n'est affectée à aucun paramètre, le paramètre résultat en ignore tout !

Avec setInterval( function(){ console.log( diaporama() ); }, 5000); tous les valeurs vont s'afficher dans la console (touche F12).

Avec setInterval( function(){ resultat = diaporama(); }, 5000);, résultat ne pouvant contenir qu'une valeur il contiendra celle du dernier appel.

Pour stocker toutes les valeurs, il faut un array.

Code :

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

1
2
3
4
5
var resultat = [];
 
resultat.push( diaporama() );
 
setInterval( function(){ resultat.push( diaporama() ); }, 5000 );

[rocketter]

Bonjour Danielhagnoul

Lorsque vous faites setInterval(diaporama, 5000);, chaque appel de la fonction se termine toujours par return (image); mais cette valeur n'est affectée à aucun paramètre, le paramètre résultat en ignore tout !

Si, le retour de la fonction est stocké dans resultat, j'avais déclaré cette ligne dans mon programme initial :

Code :

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

var resultat = diaporama();

Sinon oui pour stocker toutes les valeurs il faut un array mais je souhaitais juste, à chaque fois, obtenir la dernière valeur prise par image dans la fonction et la stocker dans resultat du prog principal.

Au passage, à votre connaissance, à part firebug, vous connaissez d'autres debuggeur utile et pratique en jquery ?