Du kan løse det ved en mouseover.
Du kan se det på
http://users.cybercity.dk/~bbo1188/test/mouseovereffect.htmlHer er koden
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\"
\"
http://www.w3.org/TR/REC-html40/loose.dtd\"><HTML>
<HEAD>
<TITLE>HTML</TITLE>
<SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
function changeIt(ImageToChange, ImageToShow) {
if (document.images) {
document[ImageToChange].src = ImageToShow;
}
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR=\"#FFFFFF\" MARGINHEIGHT=\"0\" MARGINWIDTH=\"0\" TOPMARGIN=\"0\" BOTTOMMARGIN=\"0\" LEFTMARGIN=\"0\" RIGHTMARGIN=\"0\">
<TABLE BORDER=\"0\" WIDTH=\"\" CELLSPACING=\"0\" CELLPADDING=\"0\">
<TR>
<TD><A HREF=\"#\" OnMouseOver=\"changeIt(\'i5\', \'1.gif\')\" OnMouseOut=\"changeIt(\'i5\', \'5.gif\')\"><IMG SRC=\"1.gif\" NAME=\"i1\" WIDTH=\"40\" HEIGHT=\"40\" VSPACE=\"0\" HSPACE=\"0\" ALT=\"\" BORDER=\"0\"></A></TD>
<TD></TD>
<TD><A HREF=\"#\" OnMouseOver=\"changeIt(\'i5\', \'2.gif\')\" OnMouseOut=\"changeIt(\'i5\', \'5.gif\')\"><IMG SRC=\"2.gif\" NAME=\"i2\" WIDTH=\"40\" HEIGHT=\"40\" VSPACE=\"0\" HSPACE=\"0\" ALT=\"\" BORDER=\"0\"></A></TD>
</TR>
<TR>
<TD></TD>
<TD><IMG SRC=\"5.gif\" NAME=\"i5\" WIDTH=\"40\" HEIGHT=\"40\" VSPACE=\"0\" HSPACE=\"0\" ALT=\"\" BORDER=\"0\"></TD>
<TD></TD>
</TR>
<TR>
<TD><A HREF=\"#\" OnMouseOver=\"changeIt(\'i5\', \'3.gif\')\" OnMouseOut=\"changeIt(\'i5\', \'5.gif\')\"><IMG SRC=\"3.gif\" NAME=\"i3\" WIDTH=\"40\" HEIGHT=\"40\" VSPACE=\"0\" HSPACE=\"0\" ALT=\"\" BORDER=\"0\"></A></TD>
<TD></TD>
<TD><A HREF=\"#\" OnMouseOver=\"changeIt(\'i5\', \'4.gif\')\" OnMouseOut=\"changeIt(\'i5\', \'5.gif\')\"><IMG SRC=\"4.gif\" NAME=\"i4\" WIDTH=\"40\" HEIGHT=\"40\" VSPACE=\"0\" HSPACE=\"0\" ALT=\"\" BORDER=\"0\"></A></TD>
</TR>
</TABLE>
</BODY>
</HTML>
