Sites de Didier Cabuzel
 Accueil arrow Astuces arrow Astuces HTML arrow Comment précharger des images
 
13-03-2010 21:51   
Mes sites
Accueil
Oléron
Club PDA
Fizz
Vély-Chartier Fils
Biologie
A. P. A. T.
Boîte à outils
Rechercher
Jouer
Annuaire sites WEB
Astuces
Joomla
Plan du site
L'Auteur
Me contacter
Ma configuration
Remerciements


Votez pour moi
www.meilleurduweb.com : Annuaire des meilleurs sites Web.


 
Comment précharger des images Convertir en PDF Version imprimable Suggérer par mail

Pour optimiser le chargement des images de vos pages, vous pouvez précharger des images dans une page qui n'en comporte pas beaucoup. Pendant que le visiteur lit le texte de la page, une ou plusieurs images de la page suivante se charge, ce qui va accélérer l'affichage de la page suivante.

Pour réaliser ce tour de passe passe, le langage HTML standard suffit. Le truc est de donner une hauteur et une largeur de l'image égale à 1 :

<img src="image.gif width="1" height="1">

Une autre méthode de préchargement utilise JavaScript, et ne fonctionnera donc qu'avec les browsers compatibles, contrairement à la précédente.

Il faut introduire ce script, entre les balises <HEAD> et </HEAD> :

<script language="JavaScript" type="text/javascript">
<!--
img1 = new Image();
img1.src = "bbleu.gif";
img2 = new Image();
img2.src = "bviolet.gif";
//-->
</script>
 


 
Site créé le 29 Septembre 1995 par Didier Cabuzel - 12 844 293 pages lues - Page générée en 318 ms - Powered by Joomla 1.0.10