Bonjour,

J'ai développé un petit site web en xhtml Transitionnal1.0 avec MSVStudio5. Mon site possède au total une quinzaine de jpg, variant de 35 Ko à 180Ko.

L'hébergement est gratuit mais comme il se doit, l'hébergeur offre une faible bande passante.


Je souhaite au moins pouvoir précharger ces 15 images à l'avance, côté client, lors du chargement de l'index.html.

Après plusieurs recherches d'explications et de codes (qui semblaient très bien fonctionner), j'ai utilisé le simple code suivant:

1. Dans l'entête:

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
21
22
23
24
 
<script language="javascript" type="text/javascript">
 
function load() {
 
	if (document.images) {
 
		this.length=load.arguments.length;
		for (var i=0;i<this.length;i++) {
 
			this[i+1]=new Image();
			this[i+1].src=load.arguments[i];
		}
	}
}
function preload() {
 
// Cette fonction charge dans le cache toutes les images passées en paramètre
	var temp=new load( "images/mon_image1.jpg","images/mon_image2.jpg")
 
}
 
 
</script>
2. Pour l'appel:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<body  onload="preload()">

J'ai testé ce code sur les dernières vesions GoogleChrome, IE et FireFox. Au chargement de l'index.html,
je m'attends à ce que ce soit plus long, mais le code ne fonctionnne pas.

Manque-t-il une instruction, ou un détail contextuel ?

Merci pour votre aide.