Nico Langen: Linkseiten Sprungmenü

Beitrag lesen

hallo,

kann mir jemand helfen?
die Bilder zu den Links sollen beim mouseover überfahren des sprungmenü angezeigt werden. Das klappt auch im firefox, aber im ie und opera nicht(netscape hab ich noch garnicht vesucht). bei den reinen Links (ganz unten) klappt das aber in allen Browsern. ist das weil alle Browser die div tags anders interpretieren, oder hab ich beim schreiben schrott verzapft?
kann mir da jemand weiterhelfen?

Grüsse,

Nico

<html>
    <head>

<script>
<!--
pictures = new Array();
    pictures[0] = "<img src='bilder/link_bilder/aod_banner.jpg' border='0' width='400' />";
    pictures[1] = "<img src='bilder/link_bilder/doomstone.jpg' border='0' />";
    pictures[2] = "<img src='bilder/link_bilder/hellmasters.jpg' border='0' />";
    pictures[3] = "<img src='bilder/link_bilder/infinight.gif' border='0' />";
    pictures[4] = "<img src='bilder/link_bilder/lcn.jpg' border='0' />";
    pictures[5] = "<img src='bilder/link_bilder/Ra_s_Dawn.jpg' border='0' />";
    pictures[6] = "<img src='bilder/link_bilder/somewhere_in_nowhere.gif' border='0' />";
 pictures[7] = "<img src='bilder/link_bilder/Dunkler_Poet.jpg' border='0' />";
 pictures[8] = "<img src='bilder/link_bilder/reptured_silence.gif' border='0' />";
 pictures[9] = "<img src='bilder/link_bilder/WORLDSENDstudio_neu.gif' border='0' />";
 pictures[10] = "<img src='bilder/link_bilder/WORLDSENDstudio_neu.gif' border='0' />";

function show(id){
    document.getElementById("bilder").innerHTML = pictures[id];
}

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
</script>
    </head>
    <body>
        <div id="bilder" valign="top" align="left" style="position:absolute;left:400px;top:150px;">Links zu anderen Bands</div>

<div valign="top" style="position:absolute;top:50px;left:100px;">
          <form name="form1">
    <select name="Bands" onChange="MM_jumpMenu('parent',this,0)" size="1">
      <option>Bands</option>
      <option onmouseover="show('0')" value="http://www.ageofdistrust.de">age of distrust</option>
      <option onmouseover="show('1')" value="http://www.doomstone.de">Doomstone</option>
      <option onmouseover="show('2')" value="http://www.hellmasters.de">Hellmasters</option>
      <option onmouseover="show('3')" value="http://www.infinight.de">Infinight</option>
      <option onmouseover="show('4')" value="http://www.lcn-hardcore.de/">LCN</option>
      <option onmouseover="show('5')" value="http://www.ras-dawn.de">Ra's dawn</option>
      <option onmouseover="show('6')" value="http://somewhere-in-nowhere.de/">somewhere in nowhere</option>
    </select>
  </form>
  <br>
            <a href="#" onmouseover="show('1')">Bild 2</a><br />
            <a href="#" onmouseover="show('2')">Bild 3</a><br />
            <a href="#" onmouseover="show('3')">Bild 4</a><br />
            <a href="#" onmouseover="show('4')">Bild 5</a><br />
            <a href="#" onmouseover="show('5')">Bild 6</a><br />
            <a href="#" onmouseover="show('6')">Bild 7</a><br />
        </div>
   </body>
 </html>