Autor Zpráva
Nadan
Profil *
Mám problém, mám obrázek, na kterém chci, abych když najedu na jednu část obrázku rozsvítila jen ta a když najedu na druhou, zase jen ta. Jsem začátečník, a trochu nechápavý. Nesnáším manuály, jakpsatweb.cz jsem si prohlédl možná nedostatečně, ale neviděl jsem to tam. Nevíte prosím vás někdo, jak to udělat?


----
Editace Mistrem: Úprava titulku a přesun do specializovanější části této diskuze.
Měsíček
Profil
Napadá mě možnost pomocí tagu <map> a pak přiřadit hover k <area>, ale určitě existuje lepší řešení.
Mistr
Profil
najedu na jednu část obrázku
Jde o to, jak ta část vypadá. Jsou-li to třeba obdélníky vedle sebe, tak by to zas nemusel být takový problém. A nebo řešení pomocí JavaScriptu: http://podklady.interval.cz/steinbauer/1215/ukazka.htm
peta
Profil
Nadan
flash.jakpsatweb.cz tusim
flash fora
V JS to jde, ale je to zbytecne komplikovane. JS na toto neni staveny.
http://www.volny.cz/peter.mlich/www.htm#mssub12
* interaktivni mapa
habendorf
Profil
a pak přiřadit hover k <area>, ale určitě existuje lepší řešení

Určitě existuje lepší, protože k area hover nedáš.

abych když najedu na jednu část obrázku rozsvítila jen ta a když najedu na druhou, zase jen ta

Otázkou je, co to znamená "rozsvítila".
Nadan
Profil *
habendorf:
No rozsvítila....prostě aby se obrázek1 co mám změnil na obrázek2 co mám trochu zesvětlený.
Mistr:
Bohužel to je jeden kruh rozdělený na dva půlkruhy.
aDAm
Profil
pomoci onmouseover a onmouseout a ješte za pomocí css
Bubák
Profil
Bohužel to je jeden kruh rozdělený na dva půlkruhy.
Může to fungovat podobně, jako na http://css.interval.cz/priklady/priklad-44-1.htm ?
nakreslené jsou šestiúhelníky, ale hover je pro čtvercovou oblast.
Pozn.: příklad nefunguje korektně v prohlížeči Opera.
vertigo4
Profil
Nadan
stačí vytvořit 1obrázek... (vlastně 2 pod sebou), sestavit celkové zobrazení z několika prvků, kterým nastavíš pozadí v závislosti na poloze toho prvku a potom jen při hoveru nad určitou částí se posune pozadí, tak jak se to dělá u obrázkového menu...
habendorf
Profil
Tak jsem si také pohrál, další možnost (nemusí se vytvářet žádný speciální obrázek, použije se ten stávající tak jak je):

http://pokusy.1-webdesign.cz/zesvetleni-img/
peta
Profil
jakpsatweb - html - zdokonalene odkazy (html / javascript, ted nevim nebo je to primo na hlavni strance)

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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