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
-
Jak chránit webové stránky před Web/AI Scrapingem
27. listopadu 2024 -
Nepodceňte UX na vašem webu: Proč na něm záleží?
10. dubna 2024 -
Webový správce souborů Filestash – dojmy a recenze
29. července 2024 -
Dostali jste k vánocům PC? Využijte jeho AI potenciál!
3. ledna 2025
Nejnovější
-
Zoner Photo Studio X se mění na Zoner Studio
13. června 2025 -
Co je to transformer v umělé inteligenci (AI)
10. června 2025 -
INNOCN monitory: špičková kvalita za zlomek ceny
5. června 2025 -
20 let Ubuntu: Cesta od revoluce k digitální každodennosti
30. května 2025