Est-il possible de détecter qu'une image d'arrière-plan css a été chargée? En utilisant des balises normales, ce serait facile, mais je dois utiliser un fond css parce que je place des divs sur l'image. La raison pour laquelle je dois détecter que cette image a été chargée est que je ne veux pas commencer à précharger des images supplémentaires avant que l'image d'arrière-plan ne soit affichée.Evénement Javascript css background image loaded
4
A
Répondre
1
Vous pouvez forcer le téléchargement de l'image d'arrière-plan dans le navigateur du client à l'aide des méthodes javascript traditionnelles pour précharger les images. Une fois qu'il est téléchargé, il est mis en cache par le client et s'affichera instantanément lorsque vous éditerez le fichier css en arrière-plan en javascript.
Soyez averti cependant, c'est une mauvaise pratique pour l'amélioration progressive. En d'autres termes, l'apparence de votre page web sera limitée par le support du navigateur pour le javascript.
0
Avait le même problème. Après y avoir réfléchi pendant un moment, j'ai fait un <img>
en dessous du <div>
qui avait l'arrière-plan et l'a positionné comme arrière-plan en utilisant css. Puis attaché le onLoad
là-dessus :)
Questions connexes
- 1. Reset background image CSS
- 2. CSS background-image - Quelle est l'utilisation correcte?
- 3. css background Outlook 2007
- 4. Quel sélecteur CSS doit définir la propriété background-image?
- 5. JavaScript Background Perspective Library
- 6. IE6: span (en ligne) avec background-image
- 7. changement background-image corps avec Mootools effet fondu
- 8. Comment ajouter background-image sur la première option d'un dropdownlist
- 9. JW FLV Player Evénement Javascript
- 10. css image div help
- 11. ASP.NET MVC Html.ActionLink Image d'arrière-plan CSS
- 12. Cross-navigateur moyen de retourner html/image via Javascript/CSS?
- 13. JQuery/Javascript/DOM Evénement de visibilité
- 14. Lazy Persisting Propriétés Loaded
- 15. CSS coin image/Rayon
- 16. hr avec une image à travers css
- 17. Rotation d'une image à l'aide de css
- 18. Image Padding en CSS, HTML
- 19. Liaison d'une image incorporée CSS
- 20. Styling WPF slider background
- 21. IE6 background-position (?) Question
- 22. Click Evénement dans Chaussures
- 23. Evénement de gestion des événements jQuery unclick() et unbind()?
- 24. Javascript image gallery
- 25. Javascript - Get Image height
- 26. Javascript image slider
- 27. Zone de liste déroulante personnalisée utilisant javascript et css
- 28. Evénement Javascript qui se déclenche sans intervention de l'utilisateur?
- 29. Evénement javascript pour "Trouver dans la page" d'événement?
- 30. JavaScript et CSS
Que faire si le navigateur ignore le cache? Ensuite, l'image sera chargée deux fois. Peut-être pas une bonne solution. – Baversjo
Si le navigateur ignore le cache, il ne sert à rien de précharger les images en utilisant javascript. – Kai