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
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



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



