Defilement images JS

**jojojo84** · 01/12/2010, 10h55

Salut à tous,

J'essaye de faire un ptit code qui fait défiler 4 images.

Ca commence donc à l'image 1, puis 2, 3 et 4

J'aimerai qu'une fois arrivé à l'image 4, le défilement reparte dans l'autre sens et vice versa. En boucle. soit 1,2,3,4,3,2,1,2,3,4 .... etc

Voici 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
16
17
18
19
20
img = new Array;
img[0] = 'image01.jpg';
img[1] = 'image02.jpg';
img[2] = 'image03.jpg';
img[3] = 'image04.jpg';
num = 0;
 
function ChangeImage()
{
    if(document.getElementById)
    {
        document.getElementById("slider").innerHTML ='<img src="'+ img[num] + '"> ';
 
		num = num+1;
		console.log(num);
    }
    setTimeout("ChangeImage()", 1000);
}
 
window.onload = ChangeImage;

Quelqu'un aurait une idée de comment m'y prendre ?

Merci d'avance

**vermine** · 01/12/2010, 11h03

Bonjour,

Utilisez peut-être un flag ?

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
 
//variable globale
var flag = 0;
 
 
//... dans la fonction
if(num == 0)
{
     flag = 0;
}
else if(num == 3)
{
     flag = 1;
}
 
if(flag == 0)
{
     num = num+1;
}
else
{
     num = num-1;
}