Link m. mouseover der skifter billede...

<html> <head> <title>ChangeImg3</title>

<SCRIPT>
//Script by Ricki Runge
//Find more at www.script.dk

img = new Image;
defauldImg = \"0.gif\";

function changeImg(imgName1, imgName2, target) {
  img.src = imgName1;
  document.pic.src = img.src;
  oldImg = document[target].src;
  img.src = imgName2;
  document[target].src = img.src;
}

function changeImgBack(target) {
  img.src = defauldImg;
  document.pic.src = img.src;
  img.src = oldImg;
  document[target].src = img.src;
}

</SCRIPT>
</head>
<body>

<center><h1>ChangeImg3</h1>
Kør musen hen over billed 1 eller 2, så vil de skifte til \"on\", og billede 0 vil vise hvilket billede musen er over<br>
<img src=\"0.gif\" border=1 alt=\"Picture\" name=\"pic\"><br>
<a href=\"http://www.script.dk\" onMouseover=\"changeImg(\'1.gif\', \'on.gif\', \'pic1\')\" onMouseout=\"changeImgBack(\'pic1\')\"><img src=\"1.gif\" border=1 alt=\"Link 1\" name=\"pic1\"></a>
<a href=\"http://www.script.dk\" onMouseover=\"changeImg(\'2.gif\', \'on.gif\', \'pic2\')\" onMouseout=\"changeImgBack(\'pic2\')\"><img src=\"2.gif\" border=1 alt=\"Link 2\" name=\"pic2\"></a><br>
<br><hr><center>Downloaded from: <a href=\"http://www.script.dk\">Script.dk</a></center>
</body> </html>

/cdc

Jeg har prøvet dette, men det er ikke det jeg mangler - Forestil dig en tabel med 2 celler ... i celle 1 er der et tekstlink der åbner et nyt browservindue - i celle 2 et billede.
Nu vil jeg så gerne udvide tekstlinket i celle 1, så det ved mouse-over skifter billedet i celle 2 !
:-)Henrik

<html><head><titlemouseover</title>

<SCRIPT LANGUAGE=\"javascript\">
<!--
knap1=new Image(); knap1.src=\'/billeder/tilbage1a.gif\';
knap2=new Image(); knap2.src=\'/billeder/tilbage2a.gif\';
knap3=new Image(); knap3.src=\'/billeder/huske1a.gif\';
knap4=new Image(); knap4.src=\'/billeder/huske2a.gif\';
knap5=new Image(); knap5.src=\'/billeder/kontakt1a.gif\';
knap6=new Image(); knap6.src=\'/billeder/kontakt2a.gif\';
knap7=new Image(); knap7.src=\'/billeder/forside1a.gif\';
knap8=new Image(); knap8.src=\'/billeder/forside2a.gif\';
//-->
</SCRIPT>

<body>

<a href=\"java script:history.go(-1)\" onMouseover=\"document.images[10].src=knap2.src\"
onMouseOut=\"document.images[10].src=knap1.src\"><img src=\"/billeder/tilbage1a.gif\" border=\"0\" width=\"53\" height=\"22\" alt=\"Tilbage til forrige side\"></a>

</body></html>

document.images[10] referer til hvilket billede du vil ha\' der skal ske mouseover på.

Eller så\'n lidt mere:

<html><head><titlemouseover</title>

<SCRIPT LANGUAGE=\"javascript\">
<!--
knap1=new Image(); knap1.src=\'/billeder/tilbage1a.gif\';
knap2=new Image(); knap2.src=\'/billeder/tilbage2a.gif\';

//-->
</SCRIPT>

<body>
<center><img src=\"logo.gif\" width=\"480\" height=\"60\">

<table><tr>
    <td><a href=\"link.html\" onMouseover=\"document.images[1].src=knap2.src\"
onMouseOut=\"document.images[1].src=knap1.src\">Et link</a></td>

  <td><img src=\"billede.gif\" width=\"200\" height=\"100\" border=\"0\">

</body></html>

Hov, skulle vist lige afslutte tabellen!

html><head><titlemouseover</title>

<SCRIPT LANGUAGE=\"javascript\">
<!--
knap1=new Image(); knap1.src=\'/billeder/tilbage1a.gif\';
knap2=new Image(); knap2.src=\'/billeder/tilbage2a.gif\';

//-->
</SCRIPT>

<body>
<center><img src=\"logo.gif\" width=\"480\" height=\"60\">

<table><tr>
    <td><a href=\"link.html\" onMouseover=\"document.images[1].src=knap2.src\"
onMouseOut=\"document.images[1].src=knap1.src\">Et link</a></td>

  <td><img src=\"billede.gif\" width=\"200\" height=\"100\" border=\"0\"></td>

</tr></table>

</center>

<title>MOuseover</title> mangler også lige :o)

EN GANG TIL:


<html><head><title>mouseover</title>

<SCRIPT LANGUAGE=\"javascript\">
<!--
knap1=new Image(); knap1.src=\'/billeder/tilbage1a.gif\';
knap2=new Image(); knap2.src=\'/billeder/tilbage2a.gif\';

//-->
</SCRIPT>

<body>
<center><img src=\"logo.gif\" width=\"480\" height=\"60\">

<table><tr>
    <td><a href=\"link.html\" onMouseover=\"document.images[1].src=knap2.src\"
onMouseOut=\"document.images[1].src=knap1.src\">Et link</a></td>

  <td><img src=\"billede.gif\" width=\"200\" height=\"100\" border=\"0\"></td>

</tr></table>

</center>
</body></html>

Og hvis dit billede, der skal skifte ikke er nr. 2 på din side, så er det bedre at gøre sådan her i linket:
<a href=\"link.html\" onMouseover=\"document.billede.src = knap2.src;\"
onMouseOut=\"document.billede.src = knap1.src;\">Et link</a>
Og i billedet:
<img src=\"billede.gif\" width=\"200\" height=\"100\" border=\"0\" name=\"billede\">

1000 tak - dét virkede !!