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>
Další aktuální články na interval.cz
- Malware: android pod palbou, mobily v ohrožení?
- Pozvánka na Microsoft TechDays 2012
- Reklamní slepota: co to je a jak s ní bojovat?
- Pět důvodů, proč vybrat redakční systém Drupal
- Čeština pro WordPress 3.3.1 k dispozici
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ář.
