Jdi na obsah Jdi na menu
Úvod >> Rady na Estránky >> I pro program Zdarma >> Změna obrázku po najetí myši

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řidat komentář

Přehled komentářů

Meecrob333 - Díky

15. 8. 2011 11:27

Přehledné, jednoduché a funkční. Luxusní článek :) moc pomohl ;)

Dave - .)

29. 1. 2011 13:01

Díky šéfe!

Luke - ????

4. 9. 2010 11:38

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: muzu

11. 11. 2009 15:39

To je blbost, co by si tam dával?

jakaru - muzu

11. 11. 2009 15:32

muzu misto url dát html?

Tomáš Hypeš - Re: ahoj

2. 10. 2009 20:59

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 - ahoj

2. 10. 2009 20:50

misto urlodkazu jsem dal něco jiného

jakaru - tady

2. 10. 2009 20:49

<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&amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;sId=Titkq1ODwJ5t-YA0BJDF&amp;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&amp;sId=Titkq1ODwpy9-YZLLiBY&amp;s=img" /></a></p>



místo toho urlodkazu jsem dal něco jiného, ae nevim to

Tomáš Hypeš - Re: ahoj

2. 10. 2009 20:32

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 - ahoj

2. 10. 2009 20:23

tak zkusil jsem to a nejde mi to neumim to

jakaru - pls

2. 10. 2009 20:10

hele uz to asi možná chápu, ale nevim jaké urlodkazu tam mám vložit

jakaru - tak to je ono

2. 10. 2009 20:06

treti.a3.zskolin@seznam.cz

jakaru - diki

2. 10. 2009 20:05

Jo už jo

Tomáš Hypeš - Re: sorry

2. 10. 2009 20:03

To není možný, to jseš slepý? Dej mi mail, pošlu ti screen.

jakaru - sorry

2. 10. 2009 20:00

ne promiň

Tomáš Hypeš - Re: pls pls pls

2. 10. 2009 19:54

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.

jakaru - pls pls pls

2. 10. 2009 19:50

kde to je? to "3. Vložte ..."

jakaru - hmm

2. 10. 2009 18:21

nevim co mysliš

Tomáš Hypeš - Re: pls

2. 10. 2009 18:13

Jak je "3. Vložte ..."

jakaru - pls

2. 10. 2009 18:10

Hele nehápu to vložení odkazu jakej třetí bod?