High-Tech Santé Médecine Droit-Finances

Connecter

la Wii à Internet

Rechercher : dans
Par :

Charger les images avant d'afficher la page

Dernière réponse le 6 jui 2009 à 18:43:58 chevalier_25, le 6 jui 2009 à 14:10:25 
 Signaler ce message aux modérateurs

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

Configuration: Windows XP
Firefox 3.0.11

Meilleures réponses pour « charger les images avant d'afficher la page » dans :
[Webmaster] Afficher une image de grande taille VoirPour la plupart des internautes, afficher une image de grande taille dans une page web est trop lourd. Zoomify est un petit programme Flash qui permet de rendre une image zoomable et navigable, et chargeant l'image par morceau selon le...
Afficher les images et les animations Flash dans le navigateur VoirQuand vous allez sur un site internet, vous n'avez plus d'images affichées ; elles sont remplacées par un petit rectangle avec un carré rouge ou un triangle bleu (par exemple). 1 - Vérifier d'abord les paramètres de votre navigateur : Pour...
[IE] Impossible d'afficher la page Voir
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Posez votre question Répondre

1

kelsett, le 6 jui 2009 à 14:17:30
  • +1

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

   
Répondre à kelsett

2

chevalier_25, le 6 jui 2009 à 14:37:33

Ok je vais essayer ça merci

   
Répondre à chevalier_25

3

chevalier_25, le 6 jui 2009 à 15:11:22

Toujours le meme prob

   
Répondre à chevalier_25

4

kelsett, le 6 jui 2009 à 15:20:37

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

   
Répondre à kelsett

5

chevalier_25, le 6 jui 2009 à 16:07:37

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

?????????

   
Répondre à chevalier_25

6

 kelsett, le 6 jui 2009 à 18:43:58
  • +2

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

   
Répondre à kelsett
Posez votre question Répondre
Ils ont besoin de votre aide