Where did I mess up? Here is the coding and I need to have image rollover effect. <body> <html> <head> <script type="text/javascript"> <!-- image01= new Image() image01.src="test.JPG" image02= new Image() image02.src="test3.JPG" function rollover(imagename, newsrc){ document.images[imagename].src=newsrc.src } //--> </script> </head> <body> <a href="#" onmouseover="rollover('style_two.JPG', image02)" onmouseout="rollover('style_one.JPG', image01)"> <img src="test.JPG" name="style_one.JPG"> <img src="test.JPG" name="style_two.JPG"> <img src="test.JPG" name="style_three.JPG"> </a> </body> </html>