Charger les images avant d'afficher la page

Résolu
chevalier_25 -  
 bxl -
salut ,
j'ai commencer a créer un site internet , j'ai un prob lors de l'affichage les images apparait une par une est ce que quelqu'un peut me donner une solution pour charger tous les images du design avant d'afficher la page
et merci
A voir également:

6 réponses

kelsett Messages postés 353 Date d'inscription   Statut Membre Dernière intervention   62
 
Ouép, tu peux faire un petit bout de code en javascript :

Sur la page où sont tes images, tu mets ce code entre les balises <head> et </head> :
<script type="text/javascript" src="./img_preload.js"></script>

Ensuite créé un fichier "img_preload.js", et dedans mets ceci :

i1 = new Image;
i1.src = "./images/image1.png";
i2 = new Image;
i2.src = "./images/image3.png";
i3 = new Image;
i3.src = "./images/image3.png";

Change le chemin des images et si tu veux en rajouter fait des copier/coller en n'oubliant pas d'augmenter le numéro dans la variable à chaque fois, par exemple pour une quatrième image, mettre un 4 :
i4 = new Image;
i4.src = "./images/image4.png";

J'espère que j'ai été suffisamment clair :)

Bonne journée ;)
5
bxl
 
simple et efficace ! merci
0
kelsett Messages postés 353 Date d'inscription   Statut Membre Dernière intervention   62
 
Non, normalement il n'y en a pas besoin, en tout cas chez moi ça fonctionne.

C'est pour précharger quoi en fait ? Si c'est pour des boutons rollover, tu peux aussi faire ça à l'arrache avec :
<img src="./images/img1.jpg" style="display:none" alt="">
2
chevalier_25
 
ok je vais essayer ça merci
0
chevalier_25
 
toujours le meme prob
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
kelsett Messages postés 353 Date d'inscription   Statut Membre Dernière intervention   62
 
Alors tu as du mal installer, chez moi ca marche parfaitement ;)
0
chevalier_25
 
ce n'est pas nécessaire de definir une fonction :

function load(){
i1 = new Image;
i1.src = "./images/image1.png";
i2 = new Image;
i2.src = "./images/image3.png";
i3 = new Image;
i3.src = "./images/image3.png";
}
et la metre dans <body onload="load()" .......

?????????
0