Autor Zpráva
Peyton
Profil *
Ahoj přátelé,
dělám nový internetový obchod a hrozně se mi líbí menu, jako má alza, tedy najedu myší na kategorii a do boku mi vyjedou podkategorie.
Nevíte, kde tento skript sehnat?

Díky moc za rady.
P.
Chamurappi
Profil
Reaguji na Peytona:
Myslíš :hover menu? Na to není potřeba skript, stačí špetka CSS.
Peyton
Profil *
Chamurappi:
Opravdu je to jen css? Dle mého právě ne.
Pokud by to bylo čistě :Hover, tak po odjetí z toho odkazu by to mělo zmizet, což se nestane.
V kódu to zrovna také není moc zřetelné.
margin
Profil *
Peyton:
Opravdu je to jen css?
Na stránce Alzy to opravdu je JS+CSS :-)

Pokud by to bylo čistě :Hover, tak po odjetí z toho odkazu by to mělo zmizet, což se nestane.
:hover nemusí mít jen odkazy, :hover mohou mít skoro všechny elementy.

Na menu, jako je na Alze opravdu stačí "špetka" CSS ;-)
Str4wberry
Profil
Tak jsem si chvilku hrál.

Mimochodem, dokázali byste to napsat perfektně funkční v Exploreru 7? V mé ukázce i na Alze nižší úroveň menu překrývá tu vyšší.
Chamurappi
Profil
Reaguji na Str4wberryho:
Nestačí pro menu li:hover nastavit vyšší z-index?


Reaguji na Peytona:
Opravdu je to jen css? Dle mého právě ne.
Na Alze ten blok rozbaluje JavaScript patrně proto, že tvůrce stránky neumí jinak oddálit načtení obrázků nepotřebných při zabaleném stavu (tj. 600 kB dat).
margin
Profil *
Chamurappi:
tvůrce stránky neumí jinak oddálit načtení obrázků nepotřebných při zabaleném stavu
Pokud má být v menu větší množství obrázků, podobně, jako na Alze, tak jaké je rozumné řešení?
Jde hodit všechny obrázky do jednoho, ale tím o něco snížím datový objem a bude stačit jeden http požadavek, ale to není oddálení načtení, které máš na mysli.
Str4wberry
Profil
Reakce na Chamurappiho:
Vskutku. Díky. Něco takového jsem zkoušel… asi špatně.

Reakce na margina:
Je potřeba použít CSS obrázky. Jinak si stačí vzpomenou na obrázkové hover efekty, které se dělají změnou background-position a ne změnou background: url(), aby se nemuselo čekat na načtení. V tomto případě potřebujeme pravý opak. Takže by mělo stačit nastavit obrázek na pozadí až při :hoveru (display: none, pokud vím, ve všech prohlížečích nestačí). (Viz ukázka.)
Chamurappi
Profil
Reaguji na margina:
Dle mých pokusů žádný z prohlížečů nestahuje neviditelný background, tedy obrázek umístěný na pozadí něčeho, co má display: none (nebo čehož rodič má display: none). Je to docela triviální postřeh… a překvapivě málo známý, takže si často říkám, že jsem se snad musel někde seknout. Ale zatím nevím kde :-)

Alze by tedy pravděpodobně stačilo místo <img> použít pozadí a mohla by mít menu nezávislé na JavaScriptu.
Str4wberry
Profil
Jestli to myslíš takto a jestli to testuji správně, tak se obrázek nenačte bez najetí jen v Opeře a Firefoxu. Chrome a Exploreři jej stahují ihned.
Peyton
Profil *
Str4wberry:
No teda, jak se mohu odvděčit?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: