Entwickler-Ecke

Off Topic - Mouseover nur an bestimmter Stelle eines Bildes


Hack Gott - Mi 11.06.08 20:24
Titel: Mouseover nur an bestimmter Stelle eines Bildes
Guten Abend werte Delphianer,

Ich würde gerne auf einer Website auf der ich ein Bild habe mit einem mouseover das bild ändern. So weit so gut, dass klappt auch super. Jetzt will ich nur, dass ein anderes Bild gezeigt wird, wenn man über einen Bereich des Bildes fährt, und ein anderes, wenn man über einen anderen Bereich fährt. Ich weiß, dass das irgendwie mit Hyperlinks ging, aber geht das den auch mit Javascript, oder anderen Websprachen?

Über eure Hilfe/ein Tutorial würde ich mich sehr freuen.

Danke!
Arne


nagel - Mi 11.06.08 21:08

Hi,

du erstellst einfach eine Image Map (wie das geht steht hier [http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm]) und schreibst die onmouseover- und onmouseout-Attribute in die entsprechenden area-Tags.


Yogu - Mi 11.06.08 21:42

Hallo,

erstelle doch leere Bilder (1x1-GIFs mit voller Transparenz), und weise ihnen die OnMouseEnter-Funktionen zu. Ausrichten kannst du dann die Felder mit CSS.

Grüße,
Yogu


nagel - Mi 11.06.08 21:51

Auch 'ne Möglichkeit, aber was hat deine Variante für Vorteile gegenüber der einfachen ohne zusätzliche Grafiken und CSS?


Yogu - Mi 11.06.08 21:57

user profile iconnagel hat folgendes geschrieben:
Auch 'ne Möglichkeit, aber was hat deine Variante für Vorteile gegenüber der einfachen ohne zusätzliche Grafiken und CSS?

Wenn du bei einer ImageMap die JavaScript-Ereignisse benutzen kannst, dann wäre das wohl die bessere Wahl. Ich weiß nur nicht, ob das klappt, oder ob da nur Links angegeben werden können. Denn du willst ja das OnMouseEnter, nicht das OnClick.


Aya - Do 12.06.08 18:43

Ich würd einfach das bild in 2 zerschneiden, das ist eigentlich so der standardt weg für sowas.