Charger des images après la page

Bonjou

Je cherche a charger mes images après que la page soit complètement chargé.
Mon code ce construit avec une boucle et charge chaque image a son tour.
Malheureusement ceci prend beaucoup de temps, et en quelques cas les images n'existent même pas.

Code:

---

1 2	article_div += "<div><a href=\"" + "misesenventedetail.aspx?GenCod=" + GenCod + "\"> <img class=\"image_frontbook\" src=\"http://www.blablabla.fr/blablabla/cache/couvertures/" + GenCod + ".jpg\" alt=\"Image Article\" ></a></div>"

---

L'idée serais d'appeler une fonction Javascript a la fin du chargement de la page qui me remplace toutes mes images par défaut par les bonnes images, ce qui veux dire que je doit laisser l'identification de l'image dans le code avec un container pour elle même.

Quelque chose comme ça.

Avez-vous une idée de comment coder celas?
Ou un exemple?

Merci.

Quel est l'intérêt ? Le navigateur ne charge de toute manière les images qu'après avoir fait le rendu de la page.

Sinon pas bien compliqué, mets l'url de l'image dans un attribut bidon comme data-src et remplace le src des images par la valeur de celui-ci.

Bonjour,

les images doivent être chargées au format optimal (celui de l'affichage *)

* On ne charge pas une image de 4000px de large si l'affichage (maxi = desktop) ne nécessite que 960px (par exemple).

Je ne sais pas si c'est ça, peut-être qu'il génère ses images à la volée en PHP mais ce n'est pas une bonne solution non plus, ça consomme énormément de ressources pour rien. Les vignettes d'image ça se génère et se stocke au moment de l'upload ou lorsqu'il y a une modification des formats de vignettes, et dans le pire des cas, si c'est trop compliqué à mettre en place, on stocke les images générées à la volée dans un cache sur le serveur.