HD_Wizard: Bild austauschen mit Map und MouseOver

Hallo,

ich bin noch relativ neu mit mouseover-Geschichten und habe folgende Aufgabenstellung.

Ich möchte Varianten eines Bildes darstellen je nachdem auf welchem MAP Bereich ein MouseOver stattfindet.

In anderen Worten: Ich möchte ein Bild zeigen (ca. 800 x 200 px) und darüber 4 Map-Bereiche definieren.

Je nachdem über welchem von den 4 Map Bereichen sich der Cursor befindet möchte ich das Bild dahinter austauschen gegen ein anderes gleicher Größe, welches dann sichtbar ist.

Wenn ich die MAP Bereiche verlasse, dann soll das ursprüngliche Bild wieder sichtbar sein.

Kann mich jemand vielleicht auf ein Beispiel hinweisen?

Kann ich ein Bild anzeigen mit z.B.:

<img src="Bild1.jpg" width="800" height="380" border="0" alt="" name="bild_00">

und dann einen Map-Bereich dazu bringen dieses Bild zu tauschen?

onmouseover="document.bild_00.src='Bild2.jpg'"

Muß ich dafür JAVASCRIPT benutzen oder geht das auch so?

Wie wäre die Syntax um das zum Laufen zu bekommen?

Ich bin für Hinweise oder Ansätze sehr dankbar.

  1. Hi,

    schau doch mal bei SelfHTML wie das ging mit den Maps. Da gibts doch dieses <area> tag. Versuch da mal das onmouseover reinzutun.

    Dann müsstest du natürlich das ganze Bild austauschen, (welches durch die <area>s in 4 abschnitte unterteilt ist.

    Oder du machst einfach 4 Bilder nebenaneinander. Bei 4 Bildern, (die evtl. noch gleiche Dimensionen haben?), lohnt sich kaum eine map.

    Gruß!
    Christian