Existe-t-il un moyen de pré-charger des images en utilisant simplement html/css?Pré-chargement d'images
Répondre
Oui, vous pouvez. Il existe de nombreux tutoriels disponibles sur ce sujet - here is one of them.
Si vous incluez une URL dans votre CSS, l'image sera téléchargée lorsque le fichier .css est chargé dans le document.
Oui: http://perishablepress.com/press/2008/04/15/pure-css-better-image-preloading-without-javascript/
Merci ... que l'URL était déjà associée à la (première) réponse ci-dessus. – natas
Oui, il y a. Il y a une technique appelée sprites CSS. Il fonctionne essentiellement en chargeant une grande image et en n'affichant que certaines sections de l'image. Évidemment, cette technique n'est pas pratique pour toutes les solutions, mais c'est bon pour beaucoup.
Une liste a plus un grand tutoriel sur ce point: A List Apart: Articles: CSS Sprites: Image Slicing's Kiss of Death
Ou encore plus facile: <link rel="prefetch" href="path to image">
(Firefox).
<link rel="prerender" href="http://example.org/index.html">
(Chrome)
Nice, mais Mozilla seulement – saille
Est-ce? J'aurais espéré que d'autres navigateurs l'aient déjà pris. – Ms2ger
Note/mise à jour: 'prefetch' est [HTML 5 standard] (http://www.w3.org/TR/html5/links.html#link-type-prefetch). Même si je n'ai pas encore testé quel navigateur implémente complètement cette fonctionnalité (en 2014). –
- 1. html préchargement
- 2. préchargement éléments img
- 3. Préchargement des assemblages
- 4. jQuery Rollovers Non préchargement
- 5. images jquery avec préchargement image
- 6. Cartes d'image HTML et préchargement d'images
- 7. ennuis Avoir préchargement des images avec javascript
- 8. as3 - Préchargement de la galerie d'images XML
- 9. Question de préchargement d'image en général
- 10. préchargement flex ne fonctionne pas aveC# dans l'url (lien profond)
- 11. Préchargement de classes/bibliothèques java au démarrage de jar?
- 12. Suppression (ou préchargement) des détails d'adresse pour PayPal Express Checkout
- 13. Dire à IKImageBrowserView de ne pas planifier le préchargement
- 14. C#: Préchargement de formulaires sur un thread séparé
- 15. Qu'est-ce qui causerait le préchargement du préchargeur Flex/Flash sur HTTPS dans IE6?
- 16. AS3 - Événements ne sont plus reçues après l'ajout d'un swf préchargement
- 17. Préchargement dynamique/Affichage des instantanés de la webcam sur une page Web à l'aide d'AJAX
- 18. Dois-je exécuter le délégué d'un UIScrollView dans un autre thread pour éviter les problèmes de performances lors du défilement?
- 19. jquery Chargement de l'image pendant le chargement des éléments
- 20. texte dynamique ne disparaîtra pas
- 21. Le préchargeur ne fonctionne pas en ligne
- 22. Quel est le consensus général sur le chargement préemptif d'images sur des pages Web?
- 23. Le bouton Soumettre disparaît lors du vol stationnaire puis redescend
- 24. Flash actionScript 2 preloader quicky
- 25. Flex. Arrêter le film
- 26. Est-il possible de précharger le contenu de la page avec la technique ajax/jquery?
- 27. Preloader Cercle dans l'objectif C
- 28. Le diaporama automatique ne s'affiche pas correctement
- 29. Jquery image preloader (comment faire pour que le chargement.gif apparaisse plus vite)
- 30. Chargement de l'image avant la commutation de l'arrière-plan div dans jquery
Pas vrai, du moins pas pour tous les navigateurs. La plupart des navigateurs téléchargent des URL CSS à la demande, de sorte que les images ne se téléchargent pas tant que l'utilisateur ne les survole pas. – saille