Javascript Ereignis css Hintergrundbild geladen

Question

Gibt es eine Möglichkeit zu erkennen, dass ein css-Hintergrundbild geladen wurde? Mit normalen Tags wäre dies einfach, aber ich muss einen CSS-Hintergrund verwenden, weil ich Divs über das Bild platziere. Der Grund, warum ich erkennen muss, dass dieses Bild geladen wurde, ist, dass ich keine zusätzlichen Bilder vorladen möchte, bevor das Hintergrundbild angezeigt wird.

Answer 1

Sie können den Download des Hintergrundbildes in den Browser des Kunden erzwingen, indem Sie herkömmliche Javascript-Methoden zum Vorladen von Bildern verwenden. Sobald es heruntergeladen ist, wird es vom Client zwischengespeichert und sofort angezeigt, wenn Sie das Hintergrundbild-CSS in Javascript bearbeiten.

Seien Sie jedoch gewarnt, dies ist eine schlechte Praxis für die progressive Verbesserung. Mit anderen Worten, das Erscheinungsbild Ihrer Webseite wird durch die Javascript-Unterstützung des Browsers eingeschränkt.

Answer 2

Ich hatte das gleiche Problem. Nachdem ich eine Weile darüber nachgedacht hatte, machte ich eine <img> unter dem <div> die den Hintergrund hatte, und positionierte ihn mit css als Hintergrund. Dann fügte ich die onLoad darauf :)