Changing image onmouseover and onlick in a different div

This site is best viewed in a modern browser with JavaScript enabled.

Changing image onmouseover and onlick in a different div

Student10

Hello,

I'm trying to make a navigation system with a difference. I will have horizontal buttons with a mouseover that displays an image (with image map) below in a separate div. All buttons are to navigate the onmouseover/onmouseclick to the same div.

The image map is fine but I really can't figure out how to get the mouseover to change an image in a separate div......any suggestions would be greatly appreciated.

Many thanks

JTweedie

I'm not sure I fully understand what you want to do; but here's a suggestion based on my understanding of it.

Whatever the image is you want to change the source of, give it a unique id, and access it via:

document.getElementById('imageID').src='images/newimage.jpg';