Précharger une image en javascript

Description

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.

Publicité
Solution

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

Notez la solution
1.8/5 (263 votes)
Partagez cette question
Questions similaires
Mots clés javascript, image, survol, chargement, prechargement
Derniére modification le 01/02/11 à 16:57