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
Configuration: Windows XP
Firefox 3.0.11

6 réponses

  1. kelsett Messages postés 376 Statut Membre 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
    1. bxl
       
      simple et efficace ! merci
      0
  2. kelsett Messages postés 376 Statut Membre 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
  3. chevalier_25
     
    ok je vais essayer ça merci
    0
  4. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  5. kelsett Messages postés 376 Statut Membre 62
     
    Alors tu as du mal installer, chez moi ca marche parfaitement ;)
    0
  6. 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