Defilement images JS

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:

---

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

Bonjour,

Utilisez peut-être un flag ?

Code:

---

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

---

Impeccable, merci beaucoup ;)

Sans vouloir passer pour un assisté, et si je veux les faire défiler verticalement au lieu de les faire apparaitre successivement ? :oops:

http://flowplayer.org/tools/demos/scrollable/

=> évidemment cela fait utilisé une librairie, mais c'est rapide, c'est beau

Merci :)