Načítání obrázků
21. 01. 2005 | Miroslav Kučera | Pro CSS | Komentáře: 0
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>
Reklama
Další aktuální články na interval.cz
- Rychost, rychlost, rychlost - zrychlete své stránky
- Chamurappiho Webylon: čtyři články s kritikou W3C
- Nenápadný cloud: synchronizace dat z prohlížečů
- Pozvánka: Random Hacks of Kindness 2012
- Zajímavost o češtině pro redakční systém WordPress
Tematicky související články
- Náhled obrázku
- Zoom obrázku
- Spouštění animovaných obrázků
- Prohlížeč panoramatických obrázků
- Obtékání obrázku
Dejte vědět i ostatním o článku
Diskuse (počet komentářů: 0)
Buďte prvním návštěvníkem, který přidá nový komentář.
