Vérifier le chargement d'un backgroundImage ?

Bonjour,

Pour un projet de première année universitaire, je tente d'ajouter à mon premier projet de site une page de chargement. Le chargement concerne essentiellement les images plus ou moins lourdes qui peuvent mettre du temps à s'afficher entièrement, le reste comme le texte n'est relativement pas important dans le chargement. Le but étant de réaliser une page de chargement 'dynamique', donc qui évolue selon le taux de chargement (0 à 100%), pour se faire, nous vérifions généralement si l'image est chargée, soit avec l’événement .onload, ou bien .complete que je viens de découvrir.

Le problème, c'est qu'une bonne partie des images concernées sont des background-image, et les méthodes .onload ou .complete ne semblent donc plus fonctionner. A priori, je ne sais que récupérer l'url de l'image de fond, avec par exemple :

Code:

---

window.getComputedStyle(document.getElementsByTagName("header")[0],'').backgroundImage

---

Voici donc mes questionnements :
Y a-t-il moyen de savoir si une image de fond est entièrement chargée ?
Si oui, comment serait-il possible de le détecter ?


PS: J'ai essayé aussi en vérifiant que la balise "header", par exemple, soit chargé, or il m'indique que la balise est chargé avant même que l'image de fond ne le soit, donc a priori, il ne la prend pas en compte ...

Bonjour,
contourne le problème en utilisant des new Image() même pour les images en background.

Ok, donc si j'ai bien compris le principe, cela donne :

- On appelle l'image dans notre JavaScript à l'aide de l'instruction new Image() (dont nous ne faisons pas interagir avec le code HTML)

- Une image, même appelée 10'000 fois dans notre page, ne charge qu'une fois
Donc, si le new Image() est chargé, alors c'est que mon image, même en BackgroundImage, est bien chargé ?

jour

tu peut définir le background après le chargement de l'image

Ok, merci bien à vous deux :)

Citation:

---

- Une image, même appelée 10'000 fois dans notre page, ne charge qu'une fois

---

c'est cela pour les autres appels le navigateur vérifie d'abord, si elle est présente dans le cache, sauf demande contraire.

[Edit]

Citation:

---

tu peut définir le background après le chargement de l'image

---

c'est nullement nécessaire dans ce cas.