Mouseover a dynamically positioned image 1

[greggb]

I need to make a dynamically positioned image 'rollover" with a mouseover. The second image is to be in the exact same place as the first. The images may be anywhere on the page at any given time depending on the coordinates.

Is this possible? ...any suggestions?

 

[chessbot]

instead of dynamically positioning the image, enclose the image in a <div> and position the div. rollover should be the same as with a static image.

--Chessbot

 

[BillyRayPreachersSon]

No need for a DIV at all - simply give the image an ID, and change its source dynamically... So if your image had an ID of "myImage":

<img src="foo.gif" id="myImage" ... />

then this would change its source:

document.getElementById('myImage').src = 'bar.gif';

The JS code can be moved into a function which can easily be called on a mouseover event.

Hope this helps,
Dan