Autor | Zpráva | ||
---|---|---|---|
Peyton Profil * |
#1 · Zasláno: 25. 1. 2013, 14:52:57
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 |
#2 · Zasláno: 25. 1. 2013, 15:00:37
Reaguji na Peytona:
Myslíš :hover menu? Na to není potřeba skript, stačí špetka CSS.
|
||
Peyton Profil * |
#3 · Zasláno: 28. 1. 2013, 00:06:14
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 * |
#4 · Zasláno: 28. 1. 2013, 01:48:33
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 |
#5 · Zasláno: 28. 1. 2013, 14:50:38
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 |
#6 · Zasláno: 28. 1. 2013, 15:41:07
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 * |
#7 · Zasláno: 28. 1. 2013, 16:45:31
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 :hover u (display: none , pokud vím, ve všech prohlížečích nestačí). (Viz ukázka.)
|
||
Chamurappi Profil |
#9 · Zasláno: 28. 1. 2013, 17:42:49
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 |
#10 · Zasláno: 28. 1. 2013, 18:06:34
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 * |
#11 · Zasláno: 28. 1. 2013, 18:27:06
Str4wberry:
No teda, jak se mohu odvděčit? |
||
Časová prodleva: 11 let
|
0