This version uses an extenal .js file. The changing image is below.

To have more than one just make sure you use unique image names.

This script works in IE4 & Netscape 3.01 Gold. It doesn't cause errors on Netscape 2.02 but doesn't swap images.

Haven't tested on other browsers yet...

The dot to the left of this text is the image which is being preloaded and displayed as small as possible (1 pixel x 1 pixel) to try to hide it. If the page background is black then it should hide completely. You don't have to cache it but it will stop the browser from trying to load it only on the mouseover. The startup image is not being cached to show you the difference.

To use this code put the reference to the external script file at the top of this file in the head of your HTML file. Put the script at the bottom of this file at the end of the body in your HTML file.

Customise the imageList array. One line for each button required. First argument is the name of the image for the button. Second is the image to change the button to.