<!-- Place this script in the head section of your page. You may add as many images as your wish.--> <script LANGUAGE="JavaScript"> <!--- hide script from old browsers // preload images: clickme1 = new Image(); clickme1.src = "URL of image 1"; clickme2 = new Image(); clickme2.src = "URL of image 2"; function hiLite(imgDocID,imgObjName) { document.images[imgDocID].src = eval(imgObjName + ".src") } // end hiding ---> </script> <!--Place these codes where you want the images to show on your page. You may have as many as you like. Each one must have a unique number in all three (3) "namings" of the img. The starting image does not necessarily have to be among the list in the head section. You can have any combination of "clickme's" in each swapout.--> <a hreF="URL for link 1" onMouseOver="hiLite('img1','clickme1')" onMouseOut="hiLite('img1','clickme2')"> <img NAME="img1" src="url of starting image"></a> <a hreF="URL for link 2" onMouseOver="hiLite('img2','clickme1')" onMouseOut="hiLite('img2','clickme2')"> <img NAME="img2" src="url of starting image"> </a> <!-- To make the gif disappear, use a clear gif. --> <a hreF="URL for link 2" onMouseOver="hiLite('img2','clickme1')" onMouseOut="hiLite('img2','clickme2')"> <img NAME="img2" src="url of starting image"> </a>