Autor Zpráva
Tomas...cze
Profil *
Ahoj,

Delam web kde mam mensi galerii obrazku, mam jeden obrazek a vedle neho mam odkazy kdy pri najeti na odkaz se zmeni obrazek (foto 1, Foto 2...Foto X) no a kdys na to najedu tak to trva nez se to nacte a lidi nebudou vedet co se deje, tak bych chtel jestli by mi nekdo nemohl poslat zfrojak toho takoveho loaderu ktery ukazuje kolik procent je nacteno... diky

tomas.cz@atlas.cz
Cim rychlejsi odpoved tim vetsi diky
Str4wberry
Profil
Moc nerozumím, co chceš. Neznáš nějaký web, kde je něco podobného?
Tomas...cze
Profil *
No muzu dat odkaz na ten web muj ale moc ho nechci prezentovat z firemnich duvodu.
No zkusim to popsat jeste jednou

Zde je obrazek | zde jsou odkazy ktere nejsou klikaci ale jen na ne ukazu mysi a zmeni se obrazek (pr Foto1, Foto2...)


No a jak najedu na odkaz a je obrazek vetsi (100-160KB) tak se pri pomalejsim netu zobrazi za delsi dobu a uzivatel nemusi vedet ze se na to jen ukazuje (dam tam informacni panel) no ale ja bych chtel k tomu takovou vychytavku ze kdyby se ukazalo na odkaz tak v miste kde se ma obevit fotka by se obevilo Loading XX% ... nevim jestli sem to vysvetlil dobre
Mam tam ted tohle

<img border="0" src="foto1.jpg" name="barva"> <br>
<a href="#" onmouseover="document.images['barva'].src=foto1.jpg'">< Foto 1</a> <br>
<a href="#" onmouseover="document.images['barva'].src=foto2.jpg'">< Foto 2</a> <br>
...
nevim jestli to pujde prokombinovat
Yrrah
Profil
Mám pocit, že pouhé HTML ti zde stačit nebude.
Co to raději udělat tak, že na pozadí toho odkazu dáš obrázek s textem "Loading..." a pro jistotu ještě do ALT. Není to sice taková "vychytávka", ale je to jednoduchý a rychlý.

Preloader by to mohl řešit, ale má to nevýhody:
- klient musí mít zapnutý JavaScript
- stejně se ta data musí stáhnout, takže pokud jsem na modemu, budu mít opravdu radost, že ještě přes zobrazením stránky samotné musím stáhnout x MB naprosto zbytečně
Tomas...cze
Profil *
No ten preloader bych chtel ale jen to udelat ze by se zapl pri najeti na tu fotku ze by se ten preloader ukazal pod fotkou a po nacteni by to prekrylo nebo nahradilo
Leo
Profil
V HTML urcite ne, v JavaScriptu taky ne, protoze ten sam o sobe nevi, kolik bytu se stahlo... Leo
Joker
Profil
Ale dá se udělat něco jako mají třeba na Seznamu (novinky.cz)... sice to neukazuje procenta, ale je tam "Načítám obrázek" plus "jakoby" ukazatel (takové ty běhající kostičky)... no prostě si na novinky.cz otevřete nějaký článek s obrázkem a dejte si zobrazit obrázek v plné velikosti.

Dá se to udělat celkem jednoduše: vyrobí se loader jako animovaný GIF (ale nepřehánět, aby pak loader nebyl větší než samotný obrázek :-) ) a ten loader se dá jako pozadí pod tím obrázkem.
Protože je loader malý, načte se hned (navíc se používá pořád stejný, takže se pak bere z cache) a uživatel vidí nějaké ty běhající kostičky, které se potom překryjí vlastním obrázkem.
Tomas...cze
Profil *
Joker> no jo jenze ja nemam klikaci obrazky ale obrazky kdy na ne ukazes a on se zmeni a nevim jak by se dalo udelat ze by ten obrazek jeden zmizl a ukazal se loader, no ja tam dam ALT na kazdy odkaz a info nad to a bude, diky za rady...
Joker
Profil
Ale i tak by to s tím loaderem na pozadí fungovalo, ne? Prostě ve chvíli, kdy se obrázek načítá, není vidět, ale je vidět ten loader na pozadí, který se pak překryje tím obrázkem.
Tomas...cze
Profil *
Joker to sice jo jenze nahore sem poslal zdrojak jak to mam udelane zkus si to a kdyby si vykutil jak se ten predchozi obrazek nahradi tim loaderem tak budes dobry ja totis nevim, javascript a takove veci to neni pro me ja spis PHP... proto pisu o radu
Joker
Profil
Třeba takhle by to mělo jít:
<img border="0" id="obr" src="foto1.jpg" name="barva"> <br>
<a href="#" onmouseover="document.images['barva'].className='fotka'; document.images['barva'].src='foto2.jpg'; ">Foto 1</a>

CSS:
.fotka{
/* width a height podle rozměrů toho obrázku. */
width: 800px;
height: 600px;
background: url('loader.gif') center no-repeat;
}
Tomas...cze
Profil *
hm nefunguje to, to by muselo byt udelano slozite pres nejake podminky a jine scripty ale nejde to. Jak najede stranka je videt fotka1.jpg a jak prejedu mysi pres ten odkaz tak ta fotka tam je ale neprekryje se nicim jinym nez tou fotkou ktera se nahraje
Joker
Profil
ta fotka tam je ale neprekryje se nicim jinym nez tou fotkou ktera se nahraje
No ale to je správně, ne?
Já to teda zkoušel na svém "pokusném" souboru s pár obrázky a vypadalo to OK. Fungovalo mi to takhle:

Normálně byl vidět ten obrázek "fotka1". Po najetí myší se objevil obrázek "loader", který byl postupně překrytý tím obrázkem "fotka2".
Samozřejmě by to chtělo si s tím ještě trochu pohrát, já popsal akorát princip.
Tomas...cze
Profil *
a jo uz mi to jde, akurat se mi ta gif animace nehybe, ale nevadi, dik za pomoc pak zverejnim muj tvuj vytvor
Tomas...cze
Profil *
ale ja to upravil

ten styl sem zrsuil ten mi nesel ja to udelal jinak

<a href="#" onmouseover="document.images['barva'].src='loader.gif'; document.images['barva'].src='foto1.jpg'; ">Foto 1</a> <br>
jinak obrazek zustava
jen to na ten styl sem nahradil SRC
Tomas...cze
Profil *
Hmm tak nejde, nekdy to jde nekdy to nejde nechapu jak to
Toto téma je uzamčeno. Odpověď nelze zaslat.

0