Načítání obrázků
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>
Mohlo by vás také zajímat
-
Nenechte se zaskočit TLS certifikáty na 47 dní
2. května 2025 -
-
Od iPhonu po Android: Ultra HDR přináší nový standard fotografií
1. listopadu 2024 -
Monitory OLED: klíčové pojmy a funkce
13. května 2024
Nejnovější
-
Jak vytvořit web zdarma?
5. srpna 2025 -
10 nejčastějších chyb při tvorbě webu na WordPressu
28. července 2025 -
Co je to neuronová síť
21. července 2025 -
Elektronický podpis – má dnes ještě uplatnění?
16. července 2025