rychlost načtení tomas-rosicky.wz.cz *

hrozne dlouho se m iaky nacita

Na to že jich je tam tolik sou hrozne veliky

No, docela dlouho. Taky ten úvodní obrázek má 200kB a ty další mealý obrázky taky něco přičtou...

Ůděslé, mohl bys tam spořit alespoň 100Kb.

Nejak sa mi to nevidí...
1.) Hlavne ten hlavný obrázok - myslím, že je absolútne zbytočný - obrovský aj dátovo, aj rozmerovo,
2.) Pri prechode myšou ponad odkaz v hlavnom menu sa hover zobrazí neskoro - je to dané dodatočným načítaním hover obrázku. Toto sa rieši načítaním oboch obrázkov, pričom sa hover obraázok skryje a na událosť onmouseover sa skryje pôvodný, hover obrázok sa zviditeľní, pri onmouseout je procedúra opačná.
3.) Mne osobne vadí každá stránka, na ktorej sa dôležitý obsah nachádza až za polovicou - v tomto prípade zbytočne vysoký obrázok.
4.) A na webzdarma by som určite nedával dátovo veľké objekty - webzdarma je veľmi pomalý
5.) Keď už sme pri wz - kde je reklama?

Tak už jsem ty obrázky všechny upravil o mnohem víc jak polovinu. Je to lepší?

me se to zhruba nacita 1vterinu asi to bude mim internetem mam 2mg

Peťa
Spravil som ti narýchlo jeden príklad s tým hoverom... je tam aj zdroják, pozri si http://igloo.sk/hover-priklad.php

kozob: V tomhle jsem úplnej zařátečník. Co je to "id" (<img id="obrazok1a"...). Bez toho se nehnu. A ještě vůbec nemám ponětí co mám napsat sem (onmouseover.all.ob="documentrazok1b.style.display='';...) tím mám na mysli document.all
Díky napsal jsi mi to jak malýmu...

Petule
ID je atribút, ktorý môže mať takmer každý HTML tag. Tento atribút značí jedinečné meno daného objektu. Táto možnosť sa dá využiť pravé v podobných skriptoch - môžeme pristupovať k vlastnostiam daného objektu pomocou jedinečného mena objektu (ID). Takže ak chcem napr. meniť vlastnosti obrázku, priradím mu ID. Potom cez skriptovací jazyk k tomuto objektu pristupujem práve pomocou názvu, ktoré som zadal v atribúte ID - napr. keď chcem meniť štýly (CSS) objektu, jedna možnosť, ako to dosiahnem je (Javascript): document.all.id_objektu.style.nazov_stylu='hodnota' - kde id_objektu sa priradi v atribúte ID, nazov_stylu je CSS vlastnosť daného objektu (napr. text-align a pod.), k vlastnosti je pridaná hodnota. Konkrétny príklad (ten, predošlý - hover):

<img id="obrazok1a" src="image1a.png" style="display:block;"

 onmouseover="document.all.obrazok1b.style.display=' '; this.style.display='none';" alt="obrazok" />

<img id="obrazok1b" src="image1b.png" style="display:none;"

 onmouseout="document.all.obrazok1a.style.display=' '; this.style.display='none';" alt="obrazok" />

Popis:
V prvom obrázku je v atribúte ID určený názov obrazok1a (ten si môžeš zmeniť ako chceš, ale nesmie sa zhodovať s iným ID), v druhom obrázku je ID obrazok1b(ten si môžeš zmeniť ako chceš, ale nesmie sa zhodovať s iným ID). Ďalej je v prvom obrázku uvedený style, kde je nastavená vlastnosť display na block(obrázok sa zobrazí ako blokový objekt), v druhom obrázku je vlastnosť display nasatvená na none, čo zamedzí zobrazeniu druhého obrázku - ten chceme zobraziť až po prechode kurzoru myši nad prvým obrázkom. Ďalej je v prvom obrázku uvedená udalosť onmouseover, hodnota je kód Javascriptu, ktorý robí 2 veci: 1.) document.all.obrazok1b.style.display=' '; - tento kód zaistí zobrazenie druhého obrázku (zobrazí obrázok, ktorý má ID nastavené na obrazok1b), jednotlivé časti - document.all - určuje, že budeme pristupovať ku všetkym objektom v dokumente, obrazok1b - určuje, že budeme pristupovať k objektu, ktorý ma názov (v našom prípade ID) obrazok1b (druhý obrázok), style - určuje, že budeme pristupovať k CSS vlastnostiam, display - CSS vlastnosť, =' ' - prázdna hodnota vlastnosti - zpôsobí implicitné nastavenie - teda zobrazenie objektu. 2.) this - pristupujeme k aktuálnemu objektu, style.display='block' - CSS vlastnosti->vlastnosť display->nastavíme ju na block, aby sa druhý obrázok zobrazil. Takže ak nastane udalosť onmouseover, skryje sa objekt, ktorý má ID obrazok1a a zobrazí sa objekt, ktorý má ID obrazok1b. V druhom obrázku je to podobné, len obsluhujeme udalosť onmouseout a procedúra je opačná - keď kurzor opustí objekt obrazok1b (ten je práve zobrazený), objekt obrazok1b zmizne a zobrazí sa opäť objekt obrazok1a. Záver: v tomto prípade máme dvojicu obrázkov. Prvý obrázok sa zobrazí pri načítaní stránky, druhý obrázok sa zobrazí pri udalosti onmouseover, pričom prvý obrázok zmizne. Pri události onmouseout sa stane opačná procedúra. Ak zmeníme napr. ID prvého obrázku, musíme zmeniť v obsluhe událostí druhého obrázku názov objektu v javascripte (document.all.obrazok1a... -> document.all.zmeneny_nazov_objektu...), rovnako to platí aj opačne.

Neviem, ako na tom si v Javascripte, preto mi prepáč, že to píšem takto podrobne. Možno to píšem dosť nezrozumiteľne, ale inak to neviem vysvetliť... (Javascriptom sa veľmi nezaoberám - viem ho používať, ale nepoznám ho natoľko, že by som o ňom písal články)
Toto by chcelo (v tvojom prípade) asi preštudovať základy JS a DHTML.
Keď sa teraz pozerám, čo som napísal, mi dochádza, že tento príspevok sem možno nepatrí... :-) ale keď poslúži dobrej veci... no neviem...

Jednoducho skúšaj, ak nebudeš niečomu rozumieť, napíš konkrétnu vec, potom sa mi bude ľahšie odpovedať...

Keď ti to nepôjde, napíš, spravím ti to ja...

Všetkým: sorry, že som sa tak rozpísal, ale uvedomil som si to až teraz... ak chcete, môžete tento príspevok považovať za výpis zásobníka znudeného webdesignéra :-)

"udělal jsem návštěvní knihu" - fakt jo? a neudělali jí spíš na ne-e.netu???

Z horního menu na stránce se Ti neotevírá Galerie - hází to chybu 404.

Peťa
1.) V pôvodnej verzii si nemal žiadnu chybu, ale hover bol oneskorený - bolo to dané tým že sa obrázok načítal až po prejdení kurzoru ponad obrázok, to spôsobilo, že druhý obrázok (hover obrázok) sa načítal až po niekoľkých sekundách (tebe to možno neoneskorovalo, pretože prehliadač si obrázky ukladá a keď si na tej stránke druhý krát, už sa to načíta z chache prehliadača - bez oneskorenia). Mojím riešením sa načítajú obidva obrázky naraz a potom sa už len prepína ich viditeľnosť.
2.) (Ak som správne pochopil) Asi ide o nedostatok prehliadača - niekedy sa nesprávne vykonávajú udalosti onmouseover a onmouseout (niekedy sa obsluhujú neskoro, niekedy vôbec), ale to len pri väčšom zaťažení (napr. pri načítaní stránky), pri normálnych podmienkách to ide v pohode... Ešte sa niekedy stáva, že sa nestihne vrátiť hover obrázok po udalosti onmouseout do pôvodného stavu (napr. pri rýchlom prejdení cez obrázok - ale to musíš fakt rýchlo spraviť) - opäť nedostatok prehliadača...

Děkuju všem, kteří pravidelně mačkají F5 ;-)
- to by som dal preč... ďakuješ za neobjektívne štatistiky? :-) ...a Toplist aj tak nepočíta každé zobrazenie...

Peťa
Kde je článok "Češi postoupili na mistrovství světa 2006 v Německu!!" alebo "Jediný gól dal Tomáš Rošický..." ?? :-) Dúfam, že tam dnes taký uvidím... :-)
Len tak mimo: Našim to nevyšlo... :-) Ešte že postúpili naši (Češi) :-) Aspoň budeme mať komu fandiť...

Peťa
V Španielsku nám to prehral rozhodca... Dokonca vyhodil trétera z lavičky... A naši po príchode hovorili, že sa nedalo hrať, keď bolo proti nim 60 000 ľudí a ešte k tomu rozhodca... Ani včera nepískal kto vie ako... Neodpískal evidentnú jedenástku, niekoľko priamych kopov blízko 16tky... atď... ale aspoň výsledok bol 1:1... No nič... to je už na inú diskusiu - veď toto je diskusia o webe :-)

jozob: Ještě malý detail, je důležitý mít tam ten styl? Protože se mě konkrétně na této stránce u sebe na disku, ještě to nenahrál, takže to neuvidíš http://www.tomas-rosicky.wz.cz/obrazky%20do%20fora.html .

<style type="text/css">
img {
float:left;
}
</style>

ty obrázky se mě kvůly tomu smrsknou k sobě, respektive, tak že tam nebude ta mezírka, kterou ty vidíš. Jinak do toho menu jsem zadal tagy vspace a hspace na nulu, takže se mě to dalo dohromady....

Myslím ty obrázky do fóra...

Ten styl je tam kvůli tomu aby se obrázky smrskly k sobě úplně nalevo, takže by tam bejt nemusel...

<style type="text/css">
img {
float:left;
}
</style>

Skús to zmazať (ten štýl), ak to neurobí žiadne zmeny, tak to bude OK..