Sujet Précédent Sujet Suivant

HTML charger images hidden

Fermé
TRUNCKS Messages postés 1030 Date d'inscription vendredi 10 août 2007 Statut Membre Dernière intervention 3 juin 2023 - 16 févr. 2012 à 16:30
 frederic C - 20 févr. 2012 à 16:38
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
A voir également:

5 réponses

Réponse 1 / 5
Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
16 févr. 2012 à 17:20
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
Réponse 2 / 5
TRUNCKS Messages postés 1030 Date d'inscription vendredi 10 août 2007 Statut Membre Dernière intervention 3 juin 2023 7
16 févr. 2012 à 17:39
Non malheureusement c'est la même chose :)
0
Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
17 févr. 2012 à 09:30
Comment as-tu vu qu'il ne les chargeait pas ?
0
Garth
19 févr. 2012 à 21:31
elles ne s'affichent pas :p
visibility hidden ou display none va bien charger les images.
0
Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
20 févr. 2012 à 14:53
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.
0
Réponse 3 / 5
pitxu Messages postés 689 Date d'inscription vendredi 7 septembre 2007 Statut Membre Dernière intervention 25 mars 2015 94
17 févr. 2012 à 14:34
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>
0
Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
17 févr. 2012 à 14:51
Arf mais ça risque de les mettre en cache...
0
pitxu Messages postés 689 Date d'inscription vendredi 7 septembre 2007 Statut Membre Dernière intervention 25 mars 2015 94
20 févr. 2012 à 13:38
exact ^^
0
Réponse 4 / 5
TRUNCKS Messages postés 1030 Date d'inscription vendredi 10 août 2007 Statut Membre Dernière intervention 3 juin 2023 7
19 févr. 2012 à 20:35
C'est grave lol ?

Il y a une autre méthode ?
0

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

Posez votre question
Réponse 5 / 5
frederic C
20 févr. 2012 à 16:38
un preloading avec du jquery

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

Discussions similaires

calcule nombre des pixels "noir" dans un image (noir/blanc)
neji55 -
nath84150 -

3 réponses
Image cliquable dans html
pau -
efS -

5 réponses
&nbsp ; Quelle Fonction ?
-Jeff- -
sl4ck -

14 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses