Précharger des images
CHAPITRE 9
137
On allégera le code et rassemblera efficacement ces images dispersées en regroupant
toutes les illustrations à masquer au sein de la balise neutre
:
Cette technique ne fonctionne pas dans la version Windows 98 d’Internet
Explorer 6. Ce navigateur ignore en effet tout contenu doté de la propriété display:
none ; il ne précharge rien et ne stocke rien en mémoire cache. C’est le moment
d’introduire une autre solution : l’affichage des images hors du champ de vision.
L’affichage hors de la zone de visualisation
Certains navigateurs interprétant la règle display: none à la lettre, sans même
placer les images concernées en mémoire cache, on peut faire appel à une astuce :
placer les illustrations hors des limites de la zone vue. 5 000 pixels plus haut que le
début de la page devraient suffire :
HTML





CSS
.cache {display: none;}
Figure 9–1
Effet sur les anciens
navigateurs, ou sur les
navigateurs où CSS est
désactivé.
HTML




Précédent

- 164/337

Suivant