Autor Zpráva
Snowill
Profil
Zdravím všechny, jsem začátečník v kodování webů. Jistě se to tu už možná řešilo, ale nenašel jsem nebo jsem tomu neporozuměl. Jde mi o to, aby v menu při najetí myši, tlačítko změnilo svůj obrázek. Pak dále, aby se také změnilo při kliknutí myši, ale jen při kliknutí, po puštění tlačítka myši by zase bylo normální. Zkoušel jsem to řešit přes Javascript, ale nevyhovuje mi ten 3. obrázek. Mění se až když to tlačítko myší pustím. Jestli mě chápete, nevíte jak na to?...
Zde je kod řešení, které jsem popsal:
<img src="obraze1.jpg" onmouseover="this.src='obrazek2.jpg'" onmouseout="this.src ='images/buttons/galerie1.png'" onclick="this.src='obrázek3.jpg'">

Zároveň bych potřeboval, aby to tlačítko, které by měnilo 3 obrázky fungovalo jako odkaz...
Děkuji
Str4wberry
Profil
Odkaz vykouzlíš obalením do odkazu.

Mění se až když to tlačítko myší pustím.
K tomu lze použít onMouseDown.


Jinak je možné, že se efekt při kliknutí neprojeví, neb se obrázek nestačí načíst před přejitím na adresu odkazu. Řešením je preload obrázku nebo řešení pomocí CSS s jedním obrázkem obsahujícím všechny stavy (a pro stav po kliknutí použít :focus).
Snowill
Profil
S tím odkazem děkuji, ale já jsem to asi vysvětlil špatně to s tím kliknutím myši...chtěl bych něco jako má youtube.com když najedete na "příhlásit se" tak to změní barvu, to není problém to zajišťuje onMouseOver ale jak na něj kliknete, tak při kliknutí se změní obrázek a když to zase pustíte (mimo ten button samozřejmě, jinak by vás to přesměrovalo na jinou stránku) tak je to zase zpět...koukel jsem do jejich zdrojáku a mají to řešení nějak přes <button> ale určitě by to šlo jinak a líp nebo nešlo?
Str4wberry
Profil
V tom případě při onMouseOut navrátit výchozí obrázek a je to, ne?
Snowill
Profil
Já si pořád nejsem jistej, jestli víte jak to myslím. OnMouseOut mám, je to v tom příspěvku, který jsem psal jako první. Zkoušel jste se kouknout na to youtube jak je to tam řešený? Tam je přesná ukázka toho, co potřebuji. Třeba tlačítko "Vytvořit účet". Máte klasickej design tlačítka, najedete na něj myší, změní se, pak na něj kliknete, ve chvíli, kdy vy na něj kliknete se změní jeho obrázek, pak levé tlačítko myši pustíte, je to zase zpět a přesměruje vás to na jinou stránku. Potřebuju to kliknutí myši právě...snad mi už rozumíte...
Str4wberry
Profil
Takže si to shrňme, existují následující stavy:
1) výchozí obrázek,
2) najetí myši: onmouseover,
3) kliknutí myši: onmousedown,
4) odjetí myší z tlačítka: onmouseout,
5) puštění tlačítka: onmouseup

Úplně z toho nejsem moudrý, ale pomocí těchto událostí lze medle měněním správných obrázků dosáhnout kýženého efektu.
Snowill
Profil
Moc se Vám omlouvám, já jsem špatně přečetl poprvé to onMouseDown, nezlobte se. To je přesně to, co jsem potřeboval, mnohokrát děkuji =))

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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