onMouseOver in Image Maps

[Barbara Eckardt]

Hallo,
Ich möchte in einer ImagMap, wo ich in einer größeren Grafik kleineren
Teilen einen Link zugewiesen habe, diese kleineren Flächen mit on mouseover
(?) durch eine andere Grafik ersetzen. Der Rest soll stehen bleiben.
Hat jemand schon einmal soetwas gemacht?

Gruß und Dank
Barbara

[Ed X]

Hallo Barbara,

Ich möchte in einer ImagMap, wo ich in einer größeren Grafik kleineren
Teilen einen Link zugewiesen habe, diese kleineren Flächen mit on mouseover
(?) durch eine andere Grafik ersetzen.

Das dürfte so einfach nicht gehen. Und ersetzen gleich gar nicht. Weder mit HTML noch Javascript kannst Du Graphiken so manipulieren, dass Du Teile rausschneiden kannst. Du müsstest die Graphiken  layern, also deine Graphik mit der Imagemap, von der Graphik dies Du austauschen willst überdecken lassen. Das ist an sich kein Problem, aber Du wirst ein Problem bekommen, da die Ebene mit der Imagmap hinter der neuen Graphik liegt und somit nicht mehr im mousesensitiven Bereich. Und ausserdem können Ebenen nicht rund oder andersförmig sein. Tut mir leid, ich kann das heute früh nicht besser ausdrücken.

Also fällt mir nur noch das ein, alles rechteckig und in eine Tabelle damit.

Bye Ed X

[Swen Wacker]

Moin

Ich möchte in einer ImagMap, wo ich in einer größeren Grafik kleineren
Teilen einen Link zugewiesen habe, diese kleineren Flächen mit on mouseover
(?) durch eine andere Grafik ersetzen. Der Rest soll stehen bleiben.

Hilft </selfhtml/sfausles/tsfa_tcg.htm#a2>? Sonnst mehr dazu im Archiv

Viele Grüße

Swen

[kerki]

Hallo !

Ich möchte in einer ImagMap, wo ich in einer größeren Grafik kleineren
Teilen einen Link zugewiesen habe, diese kleineren Flächen mit on mouseover
(?) durch eine andere Grafik ersetzen. Der Rest soll stehen bleiben.

Da es sich bei den kleineren Flächen nicht um einzelne Grafiken handelt, sondern bei der gesamten Imagemap nur um 1 einzige, läßt sich dein Vorhaben so ohne weiteres nicht realisieren.

Jedoch könntest du ein "Hintertürchen" benutzen:
Definiere die eigentliche Grafik als Hintergrundgrafik und lege eine transparente Grafik darüber. Die transparente Grafik dient als Quelle der Imagemap.
Diese transparente Grafik kannst du dann (als Ganzes) gegen andere Grafiken austauschen, die die "kleinen Flächen" farblich hervorheben, ansonsten aber ebenfalls transparent sind.

Mit einem kleinen Beispiel kann ich auch dienen:
http://www.forum-niederrhein.de/test/deutschland/
(nicht hübsch, ich weiß)

Die Umsetzung ist denkbar einfach und funktioniert in den meisten Browsern problemlos.

Gruß,

kerki