Hovereffekt einer Imagemap mit CSS

Computer: Software & Programmierung HTML & CSS
#1

Hallo.
Ich möchte einen Headbanner (Imagemap) mit Hovereffekt versehen. Ich weiß das dies mit Java geht. Doch Java im Header find ich eher unpraktisch, gerade für diejenigen dies ausschalten.

Folgendes Problem:
Ich habe also ein Bild und eine Polygonstruktur (Area Shape Koordinaten).
Das eigentliche Bild (eine png-Datei) würde ich dazu als backgroundimage laden per css.
Wie muss ich nun für den Hovereffekt die Koordinaten einfügen um einen Bildwechsel zu erzeugen?

Insgesamt handelt es sich um 5 Verweise (also die Bilder stellen dann zugleich auch noch Links zu anderen Websites dar).

Ich fass nochmal zusammen:
Ich möchte eine Imagemap mit Mouseovereffekt versehen. Was muss ich in meinem Quellcode einfügen, damit die Grafiken ausgetauscht werden?

#2

Für die ImageMap ist mir keine CSS-Lösung bekannt.

Wenn man die Grafik in Teile zerstückelt, die Teile in den Hitergrund von DIV-Bereichen legt, den DIV-Bereichen IDs zuordnet und für die IDs CSS-Pseudo-Klassen festlegt (:hover), kann man die Hintergrundgrafik für diesen Zustand (MouseOver) neu festlegen mit:

background: url(dateiname.gif)

Nur: Div-Beriche sind viereckig (X/Y-Koordinate für Ecke oben links + Breite und Höhe, Poligone sind meines Wissens nicht umsetzbar.

#3

sorry kann dir nicht helfen. bin nicht in deutschland und ohne laptop…

Hallo
Ich möchte einen Headbanner (Imagemap) mit Hovereffekt
versehen. Ich weiß das dies mit Java geht. Doch Java im Header
find ich eher unpraktisch, gerade für diejenigen dies
ausschalten.

Folgendes Problem:
Ich habe also ein Bild und eine Polygonstruktur (Area Shape
Koordinaten).
Das eigentliche Bild (eine png-Datei) würde ich dazu als
backgroundimage laden per css.
Wie muss ich nun für den Hovereffekt die Koordinaten einfügen
um einen Bildwechsel zu erzeugen?

Insgesamt handelt es sich um 5 Verweise (also die Bilder
stellen dann zugleich auch noch Links zu anderen Websites
dar).

Ich fass nochmal zusammen:
Ich möchte eine Imagemap mit Mouseovereffekt versehen. Was
muss ich in meinem Quellcode einfügen, damit die Grafiken
ausgetauscht werden?