imagemap und "Dynamische grafische Buttons"

[Philip]

Hallo.

Hallo

<script type="text/javascript">
<!--
Normal1 = new Image();
Normal1.src = "menu1.gif";     /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "highlight1_menu1.gif"; /* erste Highlight-Grafik */

/* usw. fuer alle weiteren zu benutzenden Grafiken */

function Bildwechsel(Bildnr,Bildobjekt) {
 window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
</script>

//und dann weiter unten, in einer tabelle:

<tr>
    <td colspan=6>
  <img src="oben.gif" width="1009" height="177" alt="" border="0" align=""></td>
  </tr>
  <tr>
    <td width=33px><map name="menu1">
<area shape="poly" coords="236,175,229,180,234,189,324,209,337,199" href="art.htm" alt="Art" onMouseOver="Bildwechsel(0,Highlight1)"
   onMouseOut="Bildwechsel(0,Normal1)">
<area shape="poly" coords="351,78,355,171,368,180,366,77,358,71" href="misc.htm" alt="Misc.">
</map>

<div style="position:absolute; top:237px; left:577px;"><img src="menu1.gif" width="383" height="217" alt="" border="0" align="" usemap="#menu1"></div>
   </td></tr>

das problem bei diesem versuch ist, dass dann nicht das bild, dass ich ersetzen wollte ersetzt wird, sondern ein anderes bild das in der tabellenzeile über der imagemap definiert ist.

mit document.images[x] wird die x. Grafik im Dokument angesprochen. Wenn du also document.images[0] schreibst sprichst du die erste grafik im dokument an. In deinerm Fall müsstest du mit Bildwechsel(1,Highlight1) anfangen. und ab dort weiterzählen. Bildwechsel(1,Normal1), Bildwechsel(2,Highlight2), Bildwechsel(2,Normal2), ...

Musst einfach zählen, das wievielte Bild im Dokument es ist, das du wechseln möchtest... ;-)

Philip