Image Rollovers

[jtlloyd]

I have 3 black and white images on the side of the page. And what I want to happen is, when your roll your mouse over them the larger image on the right to change. I have seen it done before. I have even gotten it to work, but text was used instead of images. If anyone could help that would be great. Check out and see it. I just keep getting errors in the code.

Web page (http://design-oriented.com/Faulhammer/Portfolio/CC_Urology.html)

[petervazed]

Yep.....

Part 1

<SCRIPT language=JavaScript>

<!-- Begin
var CCU1 = new Image();
CCU1.src = "Architectural_bestanden/Urology01_Big.jpg";
var CCU2 = new Image();
CCU2.src = "Architectural_bestanden/Urology02_Big.jpg";
var CCU3 = new Image();
CCU3.src = "Architectural_bestanden/Urology03_Big.jpg";


function doButtons(picimage) {
if (document.images)
{ document['picture'].src = eval( picimage + ".src");

}
}// End -->
</SCRIPT>
------------

Part 2

<TD align=middle><IMG onmouseover="doButtons('CCU1')" height=55
src="Architectural_bestanden/Urology01.jpg" width=55
border=0></TD>
<TD align=middle><IMG onmouseover="doButtons('CCU2')" height=55
src="Architectural_bestanden/Urology02.jpg" width=55
border=0></TD>
<TD align=middle><IMG onmouseover="doButtons('CCU3')" height=55
src="Architectural_bestanden/Urology03.jpg" width=55
border=0></TD>
========================================
:rocker: