RollOver - "Bad Code"


<A HREF="mouseover.htm"
   onMouseOver="document.display.src='images/displayOn.gif'"
   onMouseOut="document.display.src='images/displayOff.gif'">
<IMG NAME="display" SRC="images/displayOff.gif" >
</A>



This code causes some problems because:
  • The user might not use a JavaScript 1.1 "compatible browser".
  • The second image is not being pre-loaded.
  • You have to rewrite the code for every image on a web-page.
  • You want to have a script which can be used in many web-page over and over again without large changes.