Hello,

I've been struggling to find a decent code example of how to create a switching image in a div when you hover over an anchor.

What I'm trying to create is a layout where I can have multiple anchors that link to multiple images that are shown in a single div or frame.

Any suggestions would be greatly appreciated.

You can create you div then place in an image:
<div><img src="http://mysite.com/image/placeholder.jpg" id="switchingimage"></div>

<a href="http://mysite.com/images/image1.jpg" onmousevover="RevealImg(this.href)">
<a href="http://mysite.com/images/image1.jpg" onmousevover="RevealImg(this.href)">
<a href="http://mysite.com/images/image1.jpg" onmousevover="RevealImg(this.href)">

Create a javascript function:

function RevealIm(url){
if(url!=''){
document.getElementById("switchingimage").src=url;
}
}