Titre du document

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

Dans cet exemple la propriété visibility: hidden permet de cacher les images et donc de les précharger avant un affichage. Cette propriété ne fait pas abstraction totale de l'image, celle-ci occupe donc sa position et ses dimensions dans la page.

Codage CSS de l'exemple:

.cachevisibility {
visibility: hidden;
}

Code HTML pour afficher le style CSS

<html>
< head>
< style type="text/css"> @import url(style/background.css);</style>
< /head>
< body>
<div class="cachevisibility">
< 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>