Bonjour,

Je dois gérer dans ma page des images survollées. Le problème c'est le nombre (environ 50).

Pour ce faire j'utilise cette méthode :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
	var tb
	tb= new Array();
	for(i=0;i<50;i++){tb[i]=new Image;}
	tb[0].src="Images/toto_srv.jpg";
	tb[1].src="Images/toto.jpg";
	tb[2].src="Images/titi_srv.jpg";
	tb[3].src="Images/titi.jpg";
	tb[4]... 
	function roll(img,nb) {eval("img.src=tb["+nb+"].src");}
</script>
Et dans la page html :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<a href="#" onmouseover="roll(img1,0)"; onmouseout="roll(img1,1)"><img name="img1" SRC="Images/BTA.jpg"></a>
Etant donné que mes images ton toujours la même structure, à savoir :
nomdelimage.jpg -> nomdelimage_srv.jpg
Je me suis donc dit qu'il y avait surement un moyen de remplir un ligne sur deux de mon array avec le texte contenu dans la ligne précédente pour que :
nomdelimage_srv.jpg devienne nomdelimage.jpg
J'ai donc penser à un sytème avec modulo du type :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
for (Val in tb) 
	tb[Val].src= (Val % 2 == 0)? fonction1:fonction2;
ou
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
for (Val in tb) 
	if(Val % 2 == 0) 
	{tb[Val].src=...}

Une idée de comment mettre quelque chose de ce type en place ?

Merci par avance !