Mehrere Mouseover via Image-Map

[plan_B]

Hallo turtleshark,

möglicherweise ist dir noch nicht klar wie die Maps funktionieren:
http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm@title=html/grafiken/verweis_sensitive.htm

<img src="Band_sw_klein.gif" width="315" height="440" border="0" alt="" title="" name="austausch5";"austausch6";"austausch7" ... usw. usemap="#allemaenner_over" />

hier wird das name-Attribut nicht erkannt, weil ein Leerzeichen fehlt.

  
<img src="Band_sw_klein.gif" width="315" height="440" border="0" alt="" title="" name="austausch5" ;"austausch6";"austausch7" usemap="#allemaenner_over" />  

das würde besser funktionieren, ist aber auch nicht richtig

Dein Austauschbild hat nur einen Namen. "austausch5" damit wird das html-Element <img ....> bezeichnet und kann so gefunden werden

document.images["austausch5"]

um den Bildinhalt zu ändern schreibt man (ausführliche Schreibweise )
document.images["austausch5"].src="img/jani_klein.gif";

in der map wird eine kürzere Schreibweise benutzt

  
<map name="allemaenner_over" >  
<area href="allemaenner_jani.html" onClick="return confirm(this.alt)"  
  onmouseover="austausch5.src='img/janiover_klein.gif';"  
  onmouseout="austausch5.src='img/Band_sw_klein.gif'"  
  alt="Jani: Gitarre" title="Jani: Gitarre"  
  shape="poly"  
coords="65,410,50,394,29,108,53,102,63,53,80,56,86,107,100,119,101,352,114,369,76,366,79,405"  
 >  
  
<area href="man2.html" onClick="return confirm(this.alt)"  
  onmouseover="austausch5.src='img/man2over_klein.gif';"  
  onmouseout="austausch5.src='img/Band_sw_klein.gif'"  
  alt="man2" title="der 2. von links"  
  shape="poly"  
coords="166,334,133,331,121,243,105,258,109,88,136,88,124,115,135,137,147,197,154,318,168,326"  
  >  
</map>  
  
<img src="Band_sw_klein.gif" width="315" height="440" border="0" alt="" title="" name="austausch5" usemap="#allemaenner_over" />  

Gruß plan_B