Frage zu Image Maps

[Nexxus21]

Hallo zusammen,

ich schlage mich gerade mit Image Maps herum. Ich möchte das wenn ich mit der Maus über eine Image Map Area fahre, unter dem Image Map eine neue Grafik angezeigt wird...

Wie mach ich das, so dass es im IE und NS funktoniert?
So einfach wie möglich bitte da ich Javascript Newbie bin...
Gruß
Nexxus

 

[Dyonisus]

Du gibst dem Bild zuerst einen Namen also
<img name='Bild1' src='../Bild1.gif'>
und dann schreibst Du noch:

onMouseover="document.Bild1.src='Bild2.gif';return true;"

Wenn beim verlassen der Area wieder das alte Bild kommen soll
erreichst Du das mittels

onMouseout="document.Bild1.src='Bild1.gif';return true;"

Aber achte darauf, daß die Grafiken sehr klein sind, sonst ist
der Effekt eher störend. Mouseover Grafiken sollten nie mehr als ein oder 2 kb haben...

 

[Nexxus21]

Danke für den Tip...
Das Problem ist bloß das die neue Grafik nicht an der stelle von der wo ich mit der maus darüberfahre erscheinen soll, sondern ganz woanders auf der Seite.

Vielleicht sollt ichs mal ein bißchen genauer beschreiben...

Also genauer gesagt habe ich eine Grafik mit 3 Image Map Areas und wenn ich mit der Maus über eine dieser Areas fahre soll direkt unterhalb dieser Area eine neue Grafik erscheinen (wie bei einem Untermenü)

 

[Dyonisus]

Wenn sich dort von Anfang an eine Grafik befindet, ist es
recht einfach, Du gibst dieser Grafik einen Namen (wie oben
beschrieben) und wechselst onMouseover eben diese src.
Wenn dort keine Grafik ist und nach verlassen der Area
auch keine mehr sein soll gibt es zwei Möglichkeiten.
1.) Du setzt als Startgrafik ein durchsichtiges .gif, welches Du
auch wieder aufrufst, wenn Du die Area verlässt (onMouseout=
"document.Bildname.src='Blind.gif'")

2.) Du versteckst das Bild, indem Du ein css mittels
document.write erzeugst und onmousover die
visibility von hidden auf visible änderst. Das ist
allerdings verhältnismäßig kompliziert...

 

[Nexxus21]

Nun ich kann da nicht einfach eine Grafik reinplazieren.
Die Grafik mit den 3 Areas sitzt ganz oben auf einer Eingabemaske. Wenn ich nun mit der Maus über eine Area gehe soll (wie bei einem Untermenü) eine neue Grafik erscheinen. Diese Grafik muss aber irgendwie mit einem div platziert werden da ich sie nicht einfach in der Eingabemaske platzieren kann.

Die "neue" Grafik enthällt dann wieder ein paar Image maps areas die links zu anderen Eingabemasken haben.

Im Prinzip ist das wie Ober- Untermenü, wobei das Untermenü irgendwie mit divs plaziert werden muß und das obermenü ein Image Map ist...

Und das beste ist, ich hab keine Ahnung wie ich das machen soll... *schnüff*