Autor Zpráva
Tykadlo
Profil *
Zdravim, mel bych dotaz jak provest nasledujici efekt. Mam obrazkove menu, tj pri najeti mysi na tlacitko menu se zmeni na jine. Ale chtel bych zaroven aby se vedle menu zobrazovala fotografie, ktera se po najeti na kterekoliv tlacitko z vyberu menu zmeni. Nevim za je to srozumitelne ale jako priklad uvedu:
menu se sklada ze 4 casti - home, kun, domek, ohen
toto menu je tvoreno obrazky, ktere se meni pomoci funkce hover. Chtel bych vsak aby pri najeti mysi na tlacitko kun a zobrazila fotografie kone vedle menu, pri najeti na dum se zobrazi dum atd.

Dekuji za rady
JaySee
Profil
Tykadlo
osobně bych pro to použil jQuery a to jako callback pro funkci .mouseover() ... takže se při přejetí odkazu vezme identifikátor a na jeho základě se jednak změní tlačítko odkazu, jednak obrázek fotografie a jako bonus cokoliv jiného.
Tykadlo
Profil *
Děkuji, vyzkouším.
Chamurappi
Profil
Reaguji na Tykadla:
Tahat stokilový framework kvůli takové prkotině je nesmysl.
Pokud je fotka jako background a je v kódu za menu ve stejném rodiči jako položky, jde to vyřešit i pomocí samotného CSS:
.domek:hover ~ .fotka { background: url(domek.jpg) }

home, kun, domek, ohen
Home? Co to je? To máš většinu menu česky a jednu položku anglicky?
Str4wberry
Profil
Teď je otázka, jestli je lepší stahovat stokilového drobečka nebo to mít funkční až od devátého Exploreru (selektor sourozence ve starších není podporován).

Takže bych to viděl spíš zhruba takto.
Chamurappi
Profil
Reaguji na Str4wberryho:
selektor sourozence ve starších není podporován
Myslím, že je podporovaný od sedmičky. Nebo jsem před šesti lety kecal, když jsem ve výčtu podporovaných věcí uváděl „CSS selektor libovolného následujícího sourozence“.
Str4wberry
Profil
No, fakt. V tom případě se omlouvám za zmatení.
Rellik
Profil
Zkus kouknout sem http://www.htmldrive.net/items/demo/1177/-Awesome-CSS3-animation-menu
JaySee
Profil
Chamurappi:
Tahat stokilový framework kvůli takové prkotině je nesmysl.
Jednak se jQuery cacheuje, jednak bych se nedivil, kdyby chtěl přidat po čase další efekty. Nicméně souhlasím, že je to komár na vemBlouda... ale taky cesta nejmenšího odporu.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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