Précharger une image en javascript

Lorsqu'une page d'un site se charge, elle va chercher tous les éléments qu'elle va trouver dans votre code HTML : images, css, ...

Il peut être intéressant de précharger certaines parties invisibles lors d'un premier chargement, par exemple des images qui ne s'afficheraient que lorsque vous survolez un certain endroit sur votre page. Cette image va alors être chargée lorsque vous survolez cet élément.

Selon la taille de l'image, le chargement peut s'avérer plus ou moins long, et donc ne pas permettre une navigation fluide pour l'utilisateur.

Il est donc possible de précharger les images afin qu'elles s'affichent directement lors de leur appel, en utilisant la fonction imagede javascript.

myImg = new Image();
myImg.src = 'http://www.commentquonfait.com/images/test.jpg';

// L'image test.jpg va alors être préchargée afin d'améliorer la fluidité lors de la navigation sur votre site