Titre du document

Les images sont chargées mais ne sont pas affichées

Dans cet exemple la propriété display:none; permet de cacher les imaches et donc de les précharger avant un affichage. Cette propriété fait abstraction totale de l'image, celle-ci n'occupe aucune place dans la page.

Codage CSS de l'exemple:

.cachedisplay {
display: none;
}

Code HTML pour afficher le style CSS

<html>
< head>
< style type="text/css"> @import url(style/background.css);</style>
< /head>
< body>
<div class="cachedisplay">
< img src="image/image1.png" alt=""/>
< img src="image/image2.png" alt=""/>
< img src="image/image3.png" alt=""/>
< img src="image/image4.png" alt=""/>
< img src="image/image5.png" alt=""/>
< img src="image/image6.png" alt=""/>
< /div>
< /body>
< /html>