Hi, ich habe ein Menü, wo die Buttons nicht rein rechteckig sind, sondern "verzerrt" so dass sie sich quasi in ihrer lage überschneiden. In etwa so, wie ein Rechteckt, dass durch eine Diagonale getrennt ist und die beiden entstandenen Dreiecke sollen als Links mit Rollovereffekt dienen. Nun, zu Links kriegen ist ja mit Image Maps nicht so das Problem, aber ich habe keine Ahnung wie ich dann Rollover Effekte reinkriegen kann. Weiss jemand eine Lösung??
Image-Map + Rollover Effekt
-
-
Hallo,
das machst du, indem du bei der area der imagemap ein onMouseOver angibst und in diesem dann z.B. schreibst onMouseOver="javascript:funktionsname" -
also möglich ises so:
hast ja vermutlich für die maps ein einziges bild mit allen links.
dieses bild erstellst so oft neu, soviel links du hast. und bei jedem
exemplar is ein button praktisch mit nem "hover" belegt... also grafisch
etwas abweichend (wie dus auch immer willst).einbauen kannst die dann so
in den head:
Code
Alles anzeigen<script type="text/javascript"> home = new Image(); home.src = "home_high.jpg"; links = new Image(); links.src = "links_high.jpg"; function Bildon (bild) { document['buttons'].src = eval(bild + ".src"); } function Bildoff (bild) { document['buttons'].src ="menu_normal.jpg"; } </script>
deine map erweitern mit mouseover und mouseout:
und zum schluss die grafik: