Fix body language - Html, how can I fix my rollover?

Html, how can I fix my rollover?

Here's my code. <html> <title> 2nd Semester Photoshop Project </title> <body bgcolor= "lime green"> <center><h1> Floyd Mayweather Jr. Before & After</h1></center> <a href="index.htm">Go to Index<br><html> <center><a href="JavaScript:void(0);" onMouseOver="if (document.images) document.maker1.src='http://www.westcoastboxingdvds.com/fighters_photo_mayweather.jpg';" onMouseOut="if (document.images) document.maker1.src='http://img76258.pictiger.com/images/14885561';"><img src="fmj.jpg" width="150" height="150" name="maker1" border="15"></a> <script language="JavaScript" type="text/javascript">  <a href="index.htm">Go to Index <br> </script></center> </html> I want to make a rollover of a picture of floyd mayweather before and after I photoshopped it. So the first picture I got off of google and I want it to be the starting image Then the second image I photoshopped and after I run my mouse over it it should appear. The problem is only the first image is appearing, but when I click or put my mouse over it, the one I photoshopped doesn't appear. Can you help?

Public Comments

I don't know.
Try something like this: <img id = "myPic" src = "image1.gif" onmouseover = "document.getElementById( 'myPic' ).src = 'image2.gif' " onmouseout = "document.getElementById( 'myPic' ).src = 'image1.gif' " />
I've also had problems with this. try Part 1 http://www.designertoday.com/Tutorials/Photoshop/706/JavaScript.Rollovers.Part.1.Adobe.Photoshop.Tutorial.aspx Part 2 http://www.designertoday.com/Tutorials/Photoshop/705/JavaScript.Rollovers.Part.2.Adobe.Photoshop.Tutorial.aspx