A voir également:
- Précharger des images (CSS & HTML)
- Image cliquable html ✓ - Forum Internet / Réseaux sociaux
- Retour à la ligne css - Forum CSS
- Positionner une image html ✓ - Forum HTML
- Deplacer une image css - Astuces et Solutions
- Trait css ✓ - Forum CSS
1 réponse
Bonjour, il y a plusieurs méthodes, avec du CSS, avec du Javascript, par exemple, vu sur un site, tu peux précharger les images en mettant ceci au début du CSS :
L'image n'est pas visible mais bien préchargée donc que tu l'utilisera réellement, elle sera déjà dans le cache du navigateur.
D'autres méthodes plus poussées avec Javascript etc (ex: tu pourrais afficher une barre de progression sur le préchargement avant l'affichage de ta page...).
#preload-01 { background: url(http://domain.tld/image-01.png) no-repeat -9999px -9999px; }
#preload-02 { background: url(http://domain.tld/image-02.png) no-repeat -9999px -9999px; }
#preload-03 { background: url(http://domain.tld/image-03.png) no-repeat -9999px -9999px; }
L'image n'est pas visible mais bien préchargée donc que tu l'utilisera réellement, elle sera déjà dans le cache du navigateur.
D'autres méthodes plus poussées avec Javascript etc (ex: tu pourrais afficher une barre de progression sur le préchargement avant l'affichage de ta page...).
28 sept. 2015 à 23:59
30 janv. 2016 à 23:02
2 oct. 2022 à 23:26
créer une <div> avec toutes les images que tu veux précharger dedans et lui mettre un Display: none