OnMouseOver

<HTML>

<HEAD>
<TITLE></TITLE>
</HEAD>

<BODY LEFTMARGIN=\"0\" TOPMARGIN=\"0\" MARGINWIDTH=\"0\" MARGINHEIGHT=\"0\" bgcolor=\"#ffffff\" text=\"#000000\" link=\"#993300\" vlink=\"#0000FF\" alink=\"#FF9900\">
<!--mstheme--><font face=\"Trebuchet MS, Arial, Helvetica\">
<SCRIPT LANGUAGE=\"javascript\">
<!--
knap1=new Image(); knap1.src=\'pic/knap02.gif\';
knap2=new Image(); knap2.src=\'pic/knap02a.gif\';
knap3=new Image(); knap3.src=\'pic/knap03.gif\';
knap4=new Image(); knap4.src=\'pic/knap03a.gif\';
knap5=new Image(); knap5.src=\'pic/knap04.gif\';
knap6=new Image(); knap6.src=\'pic/knap04a.gif\';
knap7=new Image(); knap7.src=\'pic/knap05.gif\';
knap8=new Image(); knap8.src=\'pic/knap05a.gif\';
knap9=new Image(); knap9.src=\'pic/knap06.gif\';
knap10=new Image(); knap10.src=\'pic/knap06a.gif\';
knap11=new Image(); knap11.src=\'pic/knap07.gif\';
knap12=new Image(); knap12.src=\'pic/knap07a.gif\';
knap13=new Image(); knap13.src=\'pic/knap08.gif\';
knap14=new Image(); knap14.src=\'pic/knap08a.gif\';
//--></SCRIPT>
<TABLE WIDTH=\"155\" BORDER=\"0\" CELLSPACING=\"0\" CELLPADDING=\"0\">
<TR>
<TD WIDTH=\"100%\"><IMG SRC=\"knap01.gif\" WIDTH=\"155\" HEIGHT=\"30\"
ALIGN=\"BOTTOM\"></TD>
</TR>
<TR>
<TD WIDTH=\"100%\"><A HREF=\"profil.html\" TARGET=\"field\"
ONMOUSEOVER=\"document.images[1].src=knap2.src , window.status=\'Firma Profil\'; return true\"
ONCLICK=\"document.images[1].src=knap2.src\"
ONMOUSEOUT=\"document.images[1].src=knap1.src , window.status=\'Firma Profil\'\">
<IMG SRC=\"pic/knap02.gif\"hspace=\"5\" BORDER=\"0\" ALIGN=\"BOTTOM\"
ALT=\"Firma Profil\" WIDTH=\"139\" HEIGHT=\"24\"></A></TD>
</TR>
<TR>
<TD WIDTH=\"100%\"><A HREF=\"katalogmenu.html\" TARGET=\"field\"
ONMOUSEOVER=\"document.images[2].src=knap4.src , window.status=\'Hardware\'; return true\"
ONCLICK=\"document.images[2].src=knap4.src\"
ONMOUSEOUT=\"document.images[2].src=knap3.src , window.status=\'Hardware\'\">
<IMG SRC=\"pic/knap03.gif\" hspace=\"5\"BORDER=\"0\" ALIGN=\"BOTTOM\" ALT=\"Hardware\"
WIDTH=\"139\" HEIGHT=\"24\"></A></TD>
</TR>
<TR>
<TD WIDTH=\"100%\"><A HREF=\"ugenstilbud.html\" TARGET=\"field\"
ONMOUSEOVER=\"document.images[3].src=knap6.src , window.status=\'Ugens tilbud\'; return true\"
ONCLICK=\"document.images[3].src=knap6.src\"
ONMOUSEOUT=\"document.images[3].src=knap5.src , window.status=\'Ugens tilbud\'\">
<IMG SRC=\"pic/knap04.gif\"hspace=\"5\" BORDER=\"0\" ALIGN=\"BOTTOM\"
ALT=\"Ugens tilbud\" WIDTH=\"139\" HEIGHT=\"24\"></A></TD>
</TR>
<TR>
<TD WIDTH=\"100%\"><A HREF=\"kontakt.html\" TARGET=\"field\"
ONMOUSEOVER=\"document.images[4].src=knap8.src , window.status=\'Kontakt Cksdata\'; return true\"
ONCLICK=\"document.images[4].src=knap8.src\"
ONMOUSEOUT=\"document.images[4].src=knap7.src , window.status=\'Kontakt Cksdata\'\">
<IMG SRC=\"pic/knap05.gif\"hspace=\"5\" BORDER=\"0\" ALIGN=\"BOTTOM\" ALT=\"Kontakt Cksdata\"
WIDTH=\"139\" HEIGHT=\"24\"></A></TD>
</TR>
<TR>
<TD WIDTH=\"100%\"><A HREF=\"porto.html\" TARGET=\"field\"
ONMOUSEOVER=\"document.images[5].src=knap10.src , window.status=\'Porto\'; return true\"
ONCLICK=\"document.images[5].src=knap10.src\"
ONMOUSEOUT=\"document.images[5].src=knap9.src , window.status=\'Porto\'\">
<IMG SRC=\"pic/knap06.gif\"hspace=\"5\" BORDER=\"0\" ALIGN=\"BOTTOM\" ALT=\"Porto\"
WIDTH=\"139\" HEIGHT=\"24\"></A></TD>
</TR>
<TR>
<TD WIDTH=\"100%\"><A HREF=\"links.html\" TARGET=\"field\"
ONMOUSEOVER=\"document.images[6].src=knap12.src , window.status=\'Links\'; return true\"
ONCLICK=\"document.images[6].src=knap12.src\"
ONMOUSEOUT=\"document.images[6].src=knap11.src , window.status=\'Links\'\">
<IMG SRC=\"pic/knap07.gif\" hspace=\"5\"BORDER=\"0\" ALIGN=\"BOTTOM\"
ALT=\"Links\" WIDTH=\"139\" HEIGHT=\"24\"></A></TD>
</TR>
<TR>
<TD WIDTH=\"100%\"><A HREF=\"hele losninger.html\" TARGET=\"field\"
ONMOUSEOVER=\"document.images[7].src=knap14.src , window.status=\'Hele løsninger\'; return true\"
ONCLICK=\"document.images[7].src=knap14.src\"
ONMOUSEOUT=\"document.images[7].src=knap13.src , window.status=\'Hele løsninger\'\">
<IMG SRC=\"pic/knap08.gif\" hspace=\"5\"BORDER=\"0\" ALIGN=\"BOTTOM\" ALT=\"Hele løsninger\"
WIDTH=\"139\" HEIGHT=\"24\"></A></TD>
</TR>
<TR>
</TR>
</TABLE>
<BR>
<TABLE WIDTH=\"155\" CELLPADDING=\"0\" CELLSPACING=\"0\">
<TR>

</TR>
</TABLE>
<!--mstheme--></font>
</BODY>
</HTML>


det er til 7 knapper!!

og hvis det bare er ril så sig til ik!!!

mvh lasse1024

og hvis det bare er ril så sig til ik!!! =

og hvis det er til en knap så sig lige til ik

det er kun EN

<script language=\"JavaScript\">\"
<!--
if (document.images) {

  img1on = new Image();
  img1on.src = \"knapmouseover.jpg\";
  img1off = new Image();
  img1off.src = \"knapmouseover.jpg\";

}

function swapImg() {
  if (document.Img) {
    for (var i=0; i<swapImg.arguments.length; i+=2) {
    document[swapImg.arguments[i]].src = eval(swapImg.arguments[i+1] + \".src\");
    }
  }
}

// -->
</script>

mvh lasse1024

Koden her er selve billederne med links

<a href=\"\" onMouseOver=\"swapImg(\'img1\', \'img1on\')\" onMouseOut=\"swapImg(\'img1\', \'img1off\')\"><img name=\"img1\" src=\"knaphome.jpg\" border=0></a>

det jeg skrev ovenfor skal stå mellem <head> </head>

ser lige om det virker...

virker ikke....

kan man ikke lave den ligesom onmouseover=\"alert(\'bulle\')\"???bare med et billede

jo, det kan du godt.
du kan lave det så simpelt som
<img src=\"billede1.gif\" onmouseover=\"this.src=\'billede2.gif\'\">

for at få hurtigere respons hvis billedet skal vises med det samme, kan du også preloade billedet med javascript
<script>
var billed2 = new Image;
billed2.src = \"billede2.gif\"
</script>
og så
<img src=\"billede1.gif\" onmouseover=\"this.src=billed2.src\">

og selfølli... du kan få billedet til at skifte tilbage til det gamle ved at bruge onmouseout

<img src=\"billede1.gif\" onmouseover=\"this.src=\'billede2.gif\'\" onmouseout=\"this.src=\'billede1.gif\'\">