Question

How do you change an image to another image when the mouse is over the image that will be changed?

http://www.dynamicdrive.com/dynamicindex15/domroll.htm

<img onMouseover= src="image to change to.*" width="90" height="73" alt= "This picture" onMouseout= src='main image.*' src='main image.'>

i have used this in html a few times the * is for the image extension such as gif/jpg/bmp/ect

heres another easy way:
<a onMouseOver="document.Image.src='Button(2).gif'"
onMouseOut="document.Image.src='Button(1).gif'">
<IMG SRC="Button(1).gif" BORDER=0 NAME="Image"></a>

this works fine and is pretty simple, you need to change "Image" tho for more than one mouseover.

I've had problems with:

image.src="pic.jpg"

with mozilla, always found it best to use:

image.setAttribute("src","pic.jpg");

Originally posted by x_goose_x
I've had problems with:

image.src="pic.jpg"

with mozilla, always found it best to use:

image.setAttribute("src","pic.jpg");

aah thanks :)