function up()
{
document.mypic.src="img2.gif"
}
function down()
{
document.mypic.src="img1.gif"
}
function up2()
{
document.mypic2.src="img4.gif"
}
function down2()
{
document.mypic2.src="img3.gif"
}
</SCRIPT>
<A HREF="http://www.htmlgoodies.com" onMouseOver="up()" onMouseOut="down()"; return true>
<IMG SRC="img1.gif" NAME="mypic" BORDER=0></A>
<a href="http://www.htmlgoodies.com" onMouseOver="up2()" onMouseOut="down2()"; return true>
<IMG SRC="img3.gif" NAME="mypic2" BORDER=0></A>
Gives you this:
The order of the images in the function is the big thing. See how they are backwards? That's the hardest part.