Bild mit Links versehen

[bestertester]

Liebe JS Gemeinde,

ich hoffe Ihr könnt mir bei meinem Problem helfen, denn ich durchforste schon das Web und komme nicht weiter.

Mein Problem:
Ich binde ein Bild (JPG) per CSS in ein DIV als Hintergrund ein und möchte nun Links über das Bild setzen. Dabei wollte ich beim MouseOver an bestimmten Stellen im Bild halbtransparente Flächen über die Bildbereiche einblenden die klickbar sind. Also im Grunde etwas analoges zur ImageMap mit polygon cords.

Wie kann ich so etwas mit JS lösen, denn ich kenne keine andere Technik die es schaffen könnte.

LG
Jack

 

[j-l-n]

Schau mal hier: CSS Image Map Techniques and Tutorials - Design Reviver - Web Design Blog

 

[bestertester]

Schau mal hier: CSS Image Map Techniques and Tutorials - Design Reviver - Web Design Blog

Hej toll. Vielen Dank!

 

[j-l-n]

Hej toll. Vielen Dank!

Bitte - gerne. Wenn es noch Fragen gibt, melde dich!

 

[bestertester]

hej j-l-n

ich habe mir die Beiträge dort angeschaut und mein Problem ist das alle eines gemeinsam haben und zwar das feste Bereiche auf dem Bild in Pixeln definiert werden. Mein Bild wächst und schrumpft aber mit der Größe des Browsers. Deswegen dachte ich an eine poly cords Variante die genau definiert welche Punkte auf dem Bild als Link definiert werden.

Gibt es so etwas?

VG

 

[j-l-n]

Schau dir mal das entsprechende Fiddle in css responsive background image map - Stack Overflow an.