Quote:
Originally Posted by Redback
Első gondolatom nekem is hasonló volt. De sajna nem működik. Szóval azzal van a gond, hogy hogyan tudom hover-ben megváltoztatni annak a résznek (sokszögnek?) a tulajdonságát.
|
nem tudom a sokszöged hogy van megadva... de ha az eredeti ötletnél maradok, és a képet menüpontokra darabolva rakod be, akkor a képnél tudsz olyat megadni, hogy "onmouseover", meg "onmouseout".
Code:
<img id="menu1" onmouseover="kepcsere()" onmouseout="visszacsere()".....
js-ben meg pl:
Code:
procedure kepcsere() { document.getElementById('menu1').src='menu1hover.jpg'; }
procedure visszacsere() { document.getElementById('menu1').src='menu1.jpg'; }
de mindenesetre a menüpontjaidat (egyenként) ha belerakod egy div-be vagy span-ba, amiknek adsz ID-t (pl menu1, menu2, vagy fooldal, kontakt, stb...) akkor már tudsz hivatkozni a bennük lévő hivatkozásra, képre bármire.
A Grinzingi borozó weboldalán is ilyen képekkel oldották meg a menüpontokat, bár annyival egyszerűbb, hogy sima négyszögek a menüpontok.
Code:
http://www.grinzingi.hu/
(amúgy nagyon nem tetszik a weboldal, mert mindent pozicionálással raktak oda ahol van... kis felbontáson is pont ugyanannyira van a bal oldaltól a tartalom, mint egy bazinagy monitoron... nem is elegáns megoldás, és nem is szép a kinézete, ha nem pont azon a felbontáson nézed, amire csinálták)