charger les images avant d'afficher la pageRésolu/Fermé

Question

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

kelsett · Accepted Answer

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 ;)

chevalier_25 · Answer

ok je vais essayer ça merci

chevalier_25 · Answer

toujours  le meme prob

kelsett · Answer

Alors tu as du mal installer, chez moi ca marche parfaitement ;)

chevalier_25 · Answer

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()" .......

?????????

kelsett · Answer

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="">

Charger les images avant d'afficher la page

6 réponses

Discussions similaires

Newsletters