Nico: Linkseiten Sprungmenü

Beitrag lesen

Kannst Du dsen fertigen Code in der neuen Variante mal posten, ich mag das nicht tippen muessen.

Klar, hier.

<html>
    <head>

<script>
<!--
pictures = new Array();
    pictures[0] = "aod_banner.jpg";
    pictures[1] = "doomstone.jpg";
  pictures[2] = "dream_galarie.jpg";
    pictures[3] = "hellmasters.jpg";
    pictures[4] = "infinight.gif";
    pictures[5] = "lcn.jpg";
    pictures[6] = "Ra_s_Dawn.jpg";
    pictures[7] = "somewhere_in_nowhere.gif";
    pictures[8] = "Dunkler_Poet.jpg";
    pictures[9] = "reptured_silence.gif";
    pictures[10] = "WORLDSENDstudio_neu.gif";

function show(id){
     document.getElementById("meinbild").src = 'bilder/link_bilder/' + 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;"><img src="/bilder/transparent.jpg" id="meinbild" /></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.dream-gallery.com">Dream Gallery</option>
        <option onmouseover="show('3')" value="http://www.hellmasters.de">Hellmasters</option>
        <option onmouseover="show('4')" value="http://www.infinight.de">Infinight</option>
        <option onmouseover="show('5')" value="http://www.lcn-hardcore.de/">LCN</option>
        <option onmouseover="show('6')" value="http://www.ras-dawn.de">Ra's dawn</option>
        <option onmouseover="show('7')" 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>