[js] préchargement d'image

En deux mots je m'arrache les cheveux. En effet pour améliorer la qualité de la visionneuse de mon site j'ai fait une fonction de préchargement qui est lancée avec l'instruction onload
voici le code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
 
function VisionneusePrechargement()
{
 
TotalImages= NbGiens + NbResidence + NbHyeres + NbPlage + NbProvence + NbIles ;// à compléter en fonction des nouvelles photos
 
var Giens = new Array();
var Hyeres = new Array();
var Residence = new Array();
var Plage = new Array();
var Provence = new Array();
var Iles = new Array();
 
 
for ( var i=0; i<=NbGiens ;i++)
	{
	Giens[i] = new Image;
	Giens[i].src=CheminPhotosGiens+ i + ".jpg";
	NbImagesChargees++;
 
	}
 
 
for (var i =0; i<=NbHyeres ;i++)
	{
	Hyeres[i] = new Image;
	Hyeres[i].src=CheminPhotosHyeres + i + ".jpg";
	NbImagesChargees++;
 
	}
 
for (var i =0; i<= NbResidence ;i++)
	{
	Residence[i] = new Image;
	Residence[i].src=CheminPhotosResidence + i + ".jpg";
	NbImagesChargees++;
 
	}
 
 
for (var i =0; i<= NbPlage ;i++)
	{
	Plage[i] = new Image;
	Plage[i].src=CheminPhotosPlage + i + ".jpg";
	NbImagesChargees++;
 
	}
 
for (var i =0; i<= NbProvence;i++)
	{
	Provence[i] = new Image;
	Provence[i].src=CheminPhotosProvence + i + ".jpg";
	NbImagesChargees++;
 
	}
 
for (var i =0; i<= NbIles ;i++)
	{
	Iles[i] = new Image;
	Iles[i].src=CheminPhotosIles + i + ".jpg";
	NbImagesChargees++;
 
	}
 
 
}

puis dans mon programe de visionneuse j'ai la fonctin suivante l'instruction suivante

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
function afficher(theme,indice)
{
 
	w=document.getElementById("VisionneuseEcran");
	w1=document.getElementById("VisionneuseCommentairesBloc");
	switch (theme)
 
	{
	case 1:
 
	w.setAttribute("src",CheminPhotosResidence +indice +".jpg");
	w1.innerHTML= "<b> " +commentairesresidence[indice] + "</b> ";
	break;
 
	case 2:
	w.setAttribute("src",CheminPhotosPlage +indice +".jpg");
	w1.innerHTML= "<b> " +commentairesplage[indice]+ "</b> ";
	break;
 
	case 3:
	w.setAttribute("src",CheminPhotosGiens +indice +".jpg");
	w1.innerHTML="<b> " + commentairesgiens[indice] + "</b> ";
	break;
 
	case 4:
	w.setAttribute("src",CheminPhotosProvence +indice +".jpg");
	w1.innerHTML= "<b> " + commentairesprovence[indice] +"</b>";
	break;
 
	case 5:
	w.setAttribute("src",CheminPhotosHyeres +indice +".jpg");
	w1.innerHTML= "<b> " + commentaireshyeres[indice] + "</b> ";
	break;
 
 
	case 6:
	w.setAttribute("src",CheminPhotosIles +indice +".jpg");
	w1.innerHTML= "<b> " + commentairesiles[indice] + "</b> ";
	break;
	}
}

ou indice correspond au numéro de l'image et thème (provence, résidence....)

lorsque je charge je site à partir du serveur et malgré cette fonction de préchargement il me faut attendre 1 sconde netre chaque image lors du premier appel. je ne comprends pas où se trouve mon erreur
En attendant votre aide!!!