Toto řešení využijeme, pokud máme na stránce velké obrázky, nebo obrázky, které se při pomalém připojení zobrazují s velkým zpožděním.

Zde si můžete prohlédnout výsledek.

CSS

div.obrazek
{
border: double #333 4px;
width: 800px;
height: 600px;
background: white url(’66-1.gif‘) 95% 95% no-repeat;
margin: 10px;
}

XHTML

<html>
<body>
Takto vypadá obrázek po načtení…
<div class=“obrazek“>
<img src=“66-2.jpg“ alt=“zimni krajina“ />
</div>
…a takto během načítání.
<div class=“obrazek“>
<img src=“66-3.jpg“ alt=“zimni krajina“ />
</div>
</body>
</html>

Žádný příspěvek v diskuzi

Odpovědět