Freebits.co.uk Mouse Over Buttons

Place the script below before the </HEAD> tag of yor page

<SCRIPT LANGUAGE="JavaScript">
<!-- begin script
function VersionNavigateur(Netscape, Explorer) {
  if ((navigator.appVersion.substring(0,3) >= Netscape && navigator.appName == 'Netscape') ||      
      (navigator.appVersion.substring(0,3) >= Explorer && navigator.appName.substring(0,9) == 'Microsoft'))
    return true;
else return false;
}
//  end script -->
</SCRIPT>

The above script corrects a problem where Netscape loads the buttons in reverse order.

--------------------------------------------

<A HREF="index.htm" onMouseOver="if (VersionNavigateur(3.0,4.0))  img1.src='ftbutton2.gif' " onMouseOut="img1.src='ftbutton1.gif' " TARGET="_self">
<IMG NAME="img1" WIDTH=172 HEIGHT=36 BORDER=0 SRC="ftbutton1.gif" onLoad="tempImg=new Image(0,0); tempImg.src='ftbutton1.gif'"></A>
<A HREF="index.htm" onMouseOver="if (VersionNavigateur(3.0,4.0))  img2.src='ftbutton2.gif' " onMouseOut="img2.src='ftbutton1.gif' " TARGET="_self">
<IMG NAME="img2" WIDTH=172 HEIGHT=36 BORDER=0 SRC="ftbutton1.gif" onLoad="tempImg=new Image(0,0); tempImg.src='ftbutton1.gif'"></A>
<A HREF="index.htm" onMouseOver="if (VersionNavigateur(3.0,4.0))  img3.src='ftbutton2.gif' " onMouseOut="img3.src='ftbutton1.gif' " TARGET="_self">
<IMG NAME="img3" WIDTH=172 HEIGHT=36 BORDER=0 SRC="ftbutton1.gif" onLoad="tempImg=new Image(0,0); tempImg.src='ftbutton1.gif'"></A>

Notice how you increment each image source by one for each link, otherwise it will not work.

Remember to change the path to where your images are on your sever as well as the button name.

Need any help, then please contact me.