Změna obrázku po najetí myši
Pokud najedete na obrázek myší, tak se změní na jiný. Pokud z něj zase sjedete, tak se změní na původní. Nejčastější využití je u odkazů.
Kompatibilita
Současná verze eStránek: | ANO |
Nová verze eStránek: |
ANO |
Testováno 1. října 2009
Příklad
Vložení
1. Vytvořte nebo si otevřete již vytvořený příspěvek nebo stránku.
2. Přepněte si na HTML pomocí tlačítka "WYSIWYG / HTML" nad editorem.
3. Vložte HTML kód:
<img src="obrazek1" onmouseover="this.src='obrazek2'" onmouseout="this.src='obrazek1'" /> |
obrazek1 - Vložte URL obrázku před najetím myší.
obrazek2 - Vložte URL obrázku po najetí myši.
Vložení odkazu
Pokud chcete dát na tento obrázek odkaz, tak se už nebude po najetí myši měnit. Proto před HTML ve třetím bodě musíte dát <a href="urlodkazu"> a za něj </a>.
urlodkazu - Vložte URL, kam bude obrázek odkazovat.
A máte hotovo
Komentáře
Přehled komentářů
Přehledné, jednoduché a funkční. Luxusní článek :) moc pomohl ;)
Luke - ????
Ja tam davam vsechno podletoho jak to tady mas a stejne to nejde... A ten odkaz to uz vubec nechapu.. neuzues to sem napsat Česky... ???
Tomáš Hypeš - Re: ahoj
1. Místo urlodkazu dej adresu stránky, kam se návštěvník přesměruje po kliknutí na odkaz.
2. Obrázek nahraj na estránky a od tamtuď si i zkopíruj URL.
jakaru - tady
<p><a href="urlodkazu"><img alt="" onmouseout="this.src='obrazek1'" onmouseover="this.src='http://www.obrazky.cz/detail?id=eJyV0FtvgjAABeD3/hguBcQuMUYdAw1TYEbhyZS20DoLDBi3Xy/Jsudlj%2Bck38M52H0bSfGZExdp1L2MQAdQA5l4tKxe6XPCXqSR17LzDWrQ0eqS4sCZbC1fHhf%2BhIbgepmod%2BDp3IH7FxxitDvi7%2B4UXafgvR4TJ0c3Rxgfm96Ky20Rhv0ehvEe8LatXlS173sF1xI3lJHywQgRZaGQUqpC4pw1qreJouQWnM5nJ1LuVf63KygblIpXaxLglq8sHRimBkzbAqb%2BqyWjAutKJUjDcE34j2zW/xmA5nvg0sxSGy6yZWpTBpFNniZQbzQ&apos;amp;apos;amp;apos;amp;apos;amp;apos;sId=Titkq1ODwJ5t-YA0BJDF&apos;amp;apos;amp;apos;amp;apos;amp;apos;s=img'" src="http://www.obrazky.cz/detail?id=eJyVjk1rwkAUAO/vv3R3k2eMFkSQUlKQaMVWzUUeu5u6SddNs/kg%2BfV66VXwNjBzmOyYCmnfW8JyAQGEAnLz2%2Bh6cWegZCfkm%2BvWqFAN0Zgdq/Z0EO0JXQcHuRJFsrb%2BvNmci53N4o9th6uk214jmqV/Lyl%2BFZ/G778dXJqmeuW873tmtRqYHLlTJY0D176p6VoO7MfkDzIIIgFzhOl/c/eGkFVGek21vDDpLDd%2B%2BcxVEM4gnotIKJxM80lIIVKsb9TpWDw&sId=Titkq1ODwpy9-YZLLiBY&s=img" /></a></p>
místo toho urlodkazu jsem dal něco jiného, ae nevim to
Tomáš Hypeš - Re: ahoj
Lehký je říct nechápu to, ale já ti nmohu pomoci, pokud nebudu vědět, v čem děláš chybu. Pošli mi html, jak sis to udělal.
jakaru - pls
hele uz to asi možná chápu, ale nevim jaké urlodkazu tam mám vložit
Tomáš Hypeš - Re: sorry
To není možný, to jseš slepý? Dej mi mail, pošlu ti screen.
Tomáš Hypeš - Re: pls pls pls
To to nevidíš?
3. Vložte HTML kód:
<img src="obrazek1" onmouseover="this.src='obrazek2'" onmouseout="this.src='obrazek1'" />
obrazek1 - Vložte URL obrázku před najetím myší.
obrazek2 - Vložte URL obrázku po najetí myši.
Meecrob333 - Díky