0

Précharger des images facilement

Bonjour à tous,

En ce début de semaine j’ai du mettre en place une galerie et j’avais une petite latence au niveau du chargement des images. Je vous propose donc une solution d’une simplicité enfantine.

Avec ces 2 lignes on va pouvoir charger nos images. (Utile pour une galerie d’images, pour un hover ou tout autre changement de source d’image dans vos scripts.)

Code JavaScript :

var image = new Image();
image.src = "CHEMIN_DE_TON_IMAGE";

Et voila le tour est joué.

On créé un objet Image et on lui passe le paramètre SRC avec notre chemin vers l’image. On combine cela sur une boucle pour précharger l’ensemble de nos images. Pas de JQuery ou autres plugins à charger, en 2 lignes c’est fait.

Bonne semaine !

A propos de Thibault

Thibault a écrit 17 articles sur le blog.

Les amis de nos amis sont nos amis, alors partageons !

Laissez un commentaire





Si vous êtes un vrai développeur, vous devez savoir compter.
Alors on vous met au défi !
Si vous réussissez cette épreuve, nous nous ferons une joie de lire votre commentaire.