HTML / JavaScript + Anchor in Grafik

Anonymous · 11 Jan. 2006

Hi,
ich will auf einer Webseite ein Bild (zB von einem Haus) darstellen. Gehe ich mir der Maus über einen bestimmten Bereich (z.B. ein Fenster), so will ich an der Stelle eine Aktion auslösen.
Habe ich mehrere Bilder, so kann ich eine Aktion wie folgt starten:

Code:

<IMG SRC="bild.gif" onMouseover= "subroutinel(1)" onMouseout="subrotine2(2)" onMouseClick="subrotine3(3) NAME="Grafik2" ALIGN=BOTTOM WIDTH=200 HEIGHT=200 BORDER=0>

Wie mache ich es aber, wenn ich nur einen bestimmten Bereich eines Bildes dafür haben möchte?

cu

TeXpert · 11 Jan. 2006

Variante a: Bild zerschnippeln und durch eine Tabelle darstellen (einzelne Bereiche können unterschiedliche FUnktionen haben)

Variante b: ImageMaps

??? Variante c: dazu bin ich jetzt aber nicht JS-fit genug, kann man die Koordinaten aus dem Event rauslesen? also onMouse die Bild-Koordinaten mitgeben? wenn ja, dann kannst Du in der Routine entsprechend reagieren.

ABER: warum das ganze? das ist nicht barrierefrei, Variante a ist langsam... etc...

HTML / JavaScript + Anchor in Grafik

Anonymous

Gast

TeXpert

Guru