I made a page for my friends and me, and I want to do something that requires JavaScript, but I'm not good enough to do it.

Look on my page (http://dumbass.iscrappy.com/test.htm) and you can see a little circle in the corner. I want it so when mouse on (rollOver) a different picture appears where the circle is, and when mouse on (rollOut) it goes back to the original picture. I've seen this before, but I'm not sure how to do it because I'm still new with JavaScript.

If someone could tell me how to do this I would be very grateful.

Thanks

<a href="PAGE.HTML" onMouseOver="document.NAME.src='MOUSEOVER_IMAGE.GIF'" onMouseout="document.NAME.src='IMAGE.GIF'"><img src="IMAGE.GIF" width=# height=# border=0 name="NAME"></a>

Just change whatever's in caps to suit your site :)

Thanks, but I want the new image to appear where the picture of the circle is, on the same page. The circle is in a table, so is it possible to target the new image to appear in the same table as the picture of the circle? I hope that made sense.......

Thanks

Just replace the image (wherever it is) with that code - but fill in the names of the images you want to use.

I just realized that I explained it wrong. I want it so when you put your cursor over one of the names on the side eg."dan" or "bill", a new image appears where the circle image is... Sorry about explaining it wrong the first time, but I really appreciate your help.

Click here to see what I'm talking about (http://dumbass.iscrappy.com/team.htm)

Thanks

i went to ur site today, and i noticed that you figured it out....how exactly did you do it?