mouseover billede og tekst

Det kan du gøre meget simpelt.

<script language="JavaScript">
<!--
  image0 = new Image();
  image0.src = "1.jpg";
  image1 = new Image();
  image1.src = "2.jpg";
  image2 = new Image();
  image2.src = "3.jpg";
  image3 = new Image();
  image3.src = "4.jpg";
  image4 = new Image();
  image4.src = "5.jpg";
  image5 = new Image();
  image5.src = "6.jpg";

function imageSwap(image) {
  document.menuPicture.src=image.src;
}


//-->
</script>

<center><TABLE BORDER="1" CELLSPACING="0" CELLPADDING="0">
<TR>
    <TD VALIGN="center" ALIGN="center" WIDTH="480"><IMG SRC="1.jpg" name="menuPicture" width="400" height="266" BORDER="0"

ALT=""></TD>
    <TD VALIGN="top" WIDTH="250" id="billedtekst">tekst</TD>
</TR>
</TABLE></center>

<br><br><br><br><br><br><br>

<TABLE BORDER="0" WIDTH="730" CELLSPACING="1" CELLPADDING="0" style="border-top : #000000 1px solid;">
<TR VALIGN="center" ALIGN="center">
    <TD><br><a onmouseover="imageSwap(image0);document.getElementById('billedtekst').innerHTML='dette er et billede - 1'"

onmouseout="imageSwap(image0);document.getElementById('billedtekst').innerHTML=''"><IMG SRC="1.jpg" width="75" height="50" BORDER="0"

ALT="">&nbsp;&nbsp;&nbsp;&nbsp;</TD>
    <TD><br><a onmouseover="imageSwap(image1)" onmouseout="imageSwap(image1)"><IMG SRC="2.jpg" width="75" height="50" BORDER="0"

ALT="">&nbsp;&nbsp;&nbsp;&nbsp;</TD>
    <TD><br><a onmouseover="imageSwap(image2)" onmouseout="imageSwap(image2)"><IMG SRC="3.jpg" width="75" height="50" BORDER="0"

ALT="">&nbsp;&nbsp;&nbsp;&nbsp;</TD>
</TR>
</TABLE>


jeg har kun lige sat det på den første for at illustrere.
Det nye er, at din td til teksten er givet en id, så du let kan komme til den, og så er der indsat "document.getElementById('billedtekst').innerHTML='noget eller ingenting'" på din onMouseOver og onMouseOut. Du kan så evt. definere teksterne i et array og kalde en funktion med document.getElementById('billedtekst').innerHTML= i stedet, hvis du vil effektivisere lidt :)

Med array + funktion kan det f.eks. se sådan her ud.

<script language="JavaScript">
<!--
  image0 = new Image();
  image0.src = "1.jpg";
  image1 = new Image();
  image1.src = "2.jpg";
  image2 = new Image();
  image2.src = "3.jpg";
  image3 = new Image();
  image3.src = "4.jpg";
  image4 = new Image();
  image4.src = "5.jpg";
  image5 = new Image();
  image5.src = "6.jpg";

function imageSwap(image) {
  document.menuPicture.src=image.src;
}

function tekstSwap(tekst) {
  document.getElementById('billedtekst').innerHTML=tekst;
}

billedtekster = new Array();
billedtekster[0]="Her ser vi billede 1";
billedtekster[1]="Her er billede 2";
billedtekster[2]="Her er billede 3";

//-->
</script>

<center><TABLE BORDER="1" CELLSPACING="0" CELLPADDING="0">
<TR>
    <TD VALIGN="center" ALIGN="center" WIDTH="480"><IMG SRC="1.jpg" name="menuPicture" width="400" height="266" BORDER="0" ALT=""></TD>
    <TD VALIGN="top" WIDTH="250" id="billedtekst">tekst</TD>
</TR>
</TABLE></center>

<br><br><br><br><br><br><br>

<TABLE BORDER="0" WIDTH="730" CELLSPACING="1" CELLPADDING="0" style="border-top : #000000 1px solid;">
<TR VALIGN="center" ALIGN="center">
    <TD><br><a onmouseover="imageSwap(image0);tekstSwap(billedtekster[0]);"><IMG SRC="1.jpg" width="75" height="50" BORDER="0" ALT="">&nbsp;&nbsp;&nbsp;&nbsp;</TD>
    <TD><br><a onmouseover="imageSwap(image1);tekstSwap(billedtekster[01]);"><IMG SRC="2.jpg" width="75" height="50" BORDER="0" ALT="">&nbsp;&nbsp;&nbsp;&nbsp;</TD>
    <TD><br><a onmouseover="imageSwap(image2);tekstSwap(billedtekster[2]);"><IMG SRC="3.jpg" width="75" height="50" BORDER="0" ALT="">&nbsp;&nbsp;&nbsp;&nbsp;</TD>
</TR>
</TABLE>


Jeg kan se, at du reelt ikke anvender din onMouseOut, så den har jeg fjernet i eksemplet - så er det lidt lettere at overskue ;)

Det er lige sådan det SKAL se ud tak

Super. Er glad for at kunne hjælpe :)