Préchargement des images

**zooffy** · 08/04/2007, 09h42

Bonjour

Je voudrais mettre en place un préchargement d'image dans une page qui utilise pas mal d'image pour faire une animation.
Visiblement l'hébergeur du site doit avoir un tuayux tout petit car les image n'arrive pas et donc elles ne se voient pas.

J4ai chreché un script et j'ai trouvé ça :

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
 
<SCRIPT language="JavaScript">
<!--
 
if (document.images)
{
preload_image_object = new Image();
// set image url
image_url = new Array();
image_url[0] = "image0.gif";
image_url[1] = "image1.gif";
image_url[2] = "image2.gif";
image_url[3] = "image3.gif";
 
var i = 0;
for(i=0; i<=3; i++) 
preload_image_object.src = image_url[i];
}
 
//-->
</SCRIPT>

Le site qui le propose dit qu'il suffit de mettre ça dans la balsie <HEAD> de la page. Mais j'ai du mal à comprendre comment j'appelle mes images ensuite.

Est ce que ce script ne fait que charger les images dans le cache du navigateur et pour le reste on fait comme d'habitude ou est ce qu'il faut appeller les images avec une syntaxe particulière ?

Merci pour votre aide.

**FremyCompany** · 08/04/2007, 11h20

rien à changer dans ta manière de faire... (//IMG/@SRC="img.src")

Mais je te propose plutot ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function loadImage(location) {
   if (location instanceof Array) { 
      for (var i=0; i<location.length; i++) {
          loadImage(location[i]);
      }
   }
   var img = new Image();
   img.src=location;
}
 
// Précharger une image
loadImage("img1.png");
// Précharger plein d'image en un appel
loadImage(["img1.png", "img2.png", "img3.png"])

**zooffy** · 08/04/2007, 16h18

Merci pour ta réponse.

Je vais mettre ça en oeuvre rapidement.

@+

**bigboomshakala** · 09/04/2007, 02h33

Envoyé par FremyCompany

rien à changer dans ta manière de faire... (//IMG/@SRC="img.src")

Mais je te propose plutot ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function loadImage(location) {
   if (location instanceof Array) { 
      for (var i=0; i<location.length; i++) {
          loadImage(location[i]);
      }
   }
   var img = new Image();
   img.src=location;
}
 
// Précharger une image
loadImage("img1.png");
// Précharger plein d'image en un appel
loadImage(["img1.png", "img2.png", "img3.png"])

plutot que d'utiliser explicitement un tableau en argument, on peut aussi utiliser la fonctionnalité javascript

Code :

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

1
2
3
4
5
6
7
function fonc()
{
  if (arguments.length>0)
  {
      ...
  }
}

**FremyCompany** · 09/04/2007, 10h40

Envoyé par bigboomshakala

plutot que d'utiliser explicitement un tableau en argument, on peut aussi utiliser la fonctionnalité javascript

Code :

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

1
2
3
4
5
6
7
function fonc()
{
  if (arguments.length>0)
  {
      ...
  }
}

Ouais, pas bête... M'enfin pour ce que ca fait gagner comme temps

Préchargement des images

JavaScript

Discussions similaires

Partager

Partager