Postupne zobrazovani nacitajiciho se obrazku

Mam stranku, ve ktere pouzivam menu ve forme obrazku. Bohuzel uz jej nemuzu zredukovat na min nez 130 kB, coz je ale porad na webovou grafiku hodne. Problem je ale v tom, ze ten obrazek vkladam pomoci background-image:url(), a zobrazi se az po jeho kompletnim nacteni, do te doby je misto nej prazdne misto. Jak na to, kdyz chci videt postupny naskakovani obrazku, jako je to standartne u <img> ? Nebo mam pod ten velky obrazek vlozit jeste jednu vrstvu, kde bude jen napis "prosim pockejte" a po nacteni se napis prekryje - jak prosim? Dik

tohle by nestačilo?
http://css.interval.cz/clanky/nacitani-obrazku/

<HTML>jestli jde o to menu na http://narodniparky.euweb.cz/ tak to je gif... to asi už víc nedáš dolu, ale tak koukal sem se na velikost jedné položky a byla 3kb... to neni moc :) Nejsem si jistý jestli je to překrytí možné... Leda tak nějakym JS</HTML>

skaff: Stranka s narodnimi parky je stara asi 5 let, a o tu tady VUBEC NEJDE, ono totiz to je moje jedina stranka, na kterou si pamatuju heslo :)

ds: Dik :)

ds: Hej, to neni ono. Todle bych umel taky, ale ja uz ten obrazek (menu) mam jako background-image, ne jako <img src...>. Background-image se ukaze az po kompletnim nacteni, a uzivatel si mysli ze se nic nedeje, a ja chcu nejak dat vedet o tom, ze menu se nacita...

tak zkus nejaky pre-loader... na googlu bys mel nejaky najit. Ale ja jsem nic takoveho nikdy nepouzival, takze ti s tim snad poradi nekdo jiny.

← Zpět na všechna témata

Nové příspěvky

Smazani stranek index.html ) HTML Tabulky Zalamování textu pomocí CSS Přesměrování Arduino - 400 Bad Request Nastavení českých písmen POMOC! po druhé! Pozicování (obrázek na střed). Jak vycentrovat obrazek, ktery je v prikazu absolute ? Použití tvůrce webu katalog async functions' is only available in es8 (use 'esversion: 8') Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 Problém s načítáním Div pro reklamu překrývá prvky webové stránky Nezobrazuje se mi lišta s reklamou ako nahrám na môj web favicon? JavaScript - nečitelný soubor *.js - jak prohlížet/editovat Problém s textem videostream index.html GB///refresh///JS Total Commander - server nenalezen Mobilní verze webu

Další témata

Webzdarma zvládnete to sami

Postupne zobrazovani nacitajiciho se obrazku

Nové příspěvky