Discussion :

[ludojojo]

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 !

[ludojojo]

est ce qu'il ne faudrait pas utiliser quelque chose de ce style :

Code :

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

1
2
3
4
5
for (Val in tb)
if (Val % 2 != 0)
{
   tb[Val].src= tab[Val-1].substring(0,tab[Val-1].length - 4) + "_srv.jpg"
}

[ludojojo]

Bon bah j'ai fini par trouver la solution...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
	var tb
	tb= new Array();
	for(i=0;i<2;i++){tb[i]=new Image;}
	tb[0].src="Images/toto.jpg";
 
	function roll(img,nb) {eval("img.src=tb["+nb+"].src");}
	for(Val in tb)
		if(Val % 2 != 0){
			tb[Val].src = tb[Val-1].src.substring(0,tb[Val-1].src.length - 4).concat("_srv.jpg");}
 
</script>

[RomainVALERI]

Code :

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

function roll(img,nb) {eval("img.src=tb["+nb+"].src");}

Pourquoi eval ???

Code :

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

1
2
3
function roll(img,nb) {
    img.src = tb[nb].src;
}

[ludojojo]

Pourquoi eval ???

Copier-Coller...

Merci de me l'avoir fait remarqué...

[danielhagnoul]

Bonjour

eval = la porte ouverte aux catastrophes par injection de codes malveillants

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
var tb = [],
	dossier = "Images/",
	term1 = "_srv.jpg",
	term2 = ".jpg",
	fichiers = ["toto", "titi", "tata"],
	tbLength = 2 * fichiers.length;
 
for(var i = 0; i < tbLength; i++){
	tb[i] = new Image;
}
 
for(var i = 0, j = 0; i < tbLength; j++){
	tb[i++].src = dossier + fichiers[j] + term1;
	tb[i++].src = dossier + fichiers[j] + term2;
}
 
function roll(img,nb){
	img.src = tb[nb].src;
}