Hallo Leute,

ich hab da ein kleines Problem und ich hoffe Ihr könnt mir weiterhelfen.
Ich möchte eine map benutzen, beider sich dann per klick das Bild ändert.
Ich hab mal was probiert, nur leider funktioniert das nicht.
Weiß vielleicht jemand, woran das liegt?

Hier das betreffende Stück Quelltext:

Code :

1 2 3 4

<tr>           <td><img src="imgs/imgs_weg/weg04.gif" width="825" height="513" alt="XY" border="0" usemap="weg">             <map name="weg"><area shape="rect" coords="600,315,824,512" href="#" onclick="this.src='imgs/imgs_weg/weg05.gif'" alt="" title=""></map></td>   </tr>

Mit "this" beziehst du dich auf das auslösende Element...also <area>.
Dieses hat kein src-Attribut, welches zu ändern sich lohnen würde.

Gebe dem zu ändernden Bild einen Namen, dann kannst du es ändern per:

Code :

1	onclick="document.bildName.src='imgs/imgs_weg/weg05.gif'" alt="" title=""></map></td>

Danke für die Hilfe. Das funktioniert perfekt.

Jetzt noch eine zusätzliche Frage:
Kann ich auch dem neuen Bild eine map zuweisen, mit der ich wieder auf das alte Bild zurückkomme?

Kommando zurück, ich hab selbst was gefunden.
Ich hab auf dem selben Bild noch ne zweite area angelegt, der ich als Ziel wieder das alte Bild zugeordnet hab. Jetzt kann ich vom neuen Bild wieder auf das alte zurückwechseln.