Bonjour à tous s'il vous plait je voudrais créer une diaporama d'image en javascript avec suivant et précédent comme boutons

j'ai ce code qui passe sans problème
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
 
 case '2':
        {   
	     document.getElementById('1').style.display="none";
		  document.getElementById('2').style.display="block";
		  document.getElementById('3').style.display="none";
		  document.getElementById('4').style.display="none";
		  document.getElementById('5').style.display="none";
		  document.getElementById('6').style.display="none";
		  document.getElementById('7').style.display="none";
		  document.getElementById('8').style.display="none";
		  document.getElementById('9').style.display="none";
		  document.getElementById('10').style.display="none";
		  i='3';
	    }
	  break;
quand je remplace par celui il ne passe pas
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
 
case '2':
    {  
 
	     document.getElementById('2').style.display="block";
	    for (j=0;j<tab.length;j++)
		   {
			     if(tab[j]!=i)
		         {
	              document.getElementById(tab[j]).style.display="none";
		         }
				 if (j==9)
				  i=1;
				else if(tab[j]==i)
 
	              i=tab[j+1]
 
		   }
	  }
	break;
où

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
"1","2","3","4","5","6","7","8","9","10"
sont les id des images stockés dans


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
var tab = Array ("1","2","3","4","5","6","7","8","9","10");
var i='1';
var j;