Grafik hervorheben?

[xadi]

Hallo,

ich hab mir eine kleine html Seite zusammengebastelt. Und zwar folgendes:
Eine Karte ist als Bild in der Seite geladen und ich habe das Bild mit Hilfe von <area shape""> in Polygonflaechen aufgeteilt. Wenn ich mit der Maus ueber eine solche Flaeche komme, wird ein komplett neues Bild geladen und das ist leider mein Problem.
Ich moechte eigentlich, dass _nur_ der Bereich, also die Polygonflaeche, ausgetauscht wird. Ist es moeglich, dieses Bild einfach darueberzulegen?
Ich waer auch schon zufrieden irgendwie mittels CSS die Flaeche farblich zu erhellen, dann waer das austauschen der Grafik ueberfluessig.

Aber ich bin mir nicht so sicher, ob das was ich vorhabe ueberhaupt geht :confused:

Bin fuer jeden Loesungsansatz dankbar :)

Gruß

[mamue]

Ich bin wahrlich kein HTML-Experte, aber wie wäre es, wenn Du ein kleines Bild neu lädst, dass in seiner Größe dem entsprechenden Ausschnitt entspricht und dieses mit Hilfe von "position: absolute" an die entsprechende Stelle setzt?

HTH,
mamue

[J!0X]

Oder du lädst zwei Bilder, wobei das erste die normalen Menüeinträge anzeigt und das zweite die erhellten / veränderten. Du kannst mit Hilfe von CSS dann die Bilder clippen.
Hier (http://academ.hvcc.edu/~kantopet/old/css/index.php?page=css+clipping&parent=css+page+layout) gibt es eine kleine Erklärung dazu.

[xadi]

Danke fuer die Hinweise.
Ich hab das jetzt so gemacht, dass ich das Bild "zerstueckelt" habe und es mittels positionsangabe in html wieder zusammengesetzt habe.

<img id="bild" src="bild.png"
style="position:absolute; left: 83px; top: 253px; visibility:visible" border="0"
/>
Das zweite Bild, was dann die Polygonfllaeche hervorheben soll, hab ich einfach unsichtbar daruebergesetzt. Und mittels javascritp kann man das bild sichtbar machen bzw. wieder unsichtbar. Je nachdem wo der Mauszeiger ist.
Scheint bisher gut zu funktionieren ;)

Gruß