HTML charger images hidden
TRUNCKS -  
Bonjour à vous,

J'ai plusieurs images, une qui s'affiche et les trois autres en hidden.
Quand on clique sur un bouton, la première se cache pour laisser place à la suivante etc...

Ma question est: comment précharger toutes les images, même celles hidden pour ne pas qu'il y est de temps de latence avec l'apparition des images hidden.

En gros, charger toutes les images d'un coup, même celles cachées.

Merci à vous

5 réponses

  1.  Mihawk Contributeur
    Hello,

    Au lieu de "visibility:hidden", utilise "display:none"
    Je pense que ça devrait marcher. D'ailleurs je pense que visibility:hidden les charge aussi !
    1. TRUNCKS Auteur
      Non malheureusement c'est la même chose :)
      1. Mihawk Contributeur
        Comment as-tu vu qu'il ne les chargeait pas ?
      2. Garth
        elles ne s'affichent pas :p
        visibility hidden ou display none va bien charger les images.
      3. Mihawk Contributeur
        Oui c'est ce que je crois aussi...
        Il faudrait regarder le chargement du site sous la console Réseau de Firebug pour vérifier ça.
    2. pitxu
      Bonjour,

      une autre technique permet de charger les images dans le header : 

      <HEAD>
<SCRIPT LANGUAGE="JavaScript">
image1 = new Image;
image1.src = "images/image1.gif";
image2 = new Image;
image2.src = "images/image2.gif";
</SCRIPT>
</HEAD>
      1.  Mihawk Contributeur
        Arf mais ça risque de les mettre en cache...
    5. frederic C
      un preloading avec du jquery

      http://www.lafermeduweb.net/billet/imagepreloader-un-plugin-jquery-pour-precharger-vos-images-1120.html

      Discussions similaires

      Hidden
      Aminax

      6 réponses
      Snap média chargé
      Tessfuen

      2 réponses
      Apache2 accès à autre que /var/www/html/index.html
      merithes

      3 réponses
      Impossible de charger une page internet sans message d'erreur
      Justine010

      6 réponses