I can't seem to get the second image to change with the rollover, any assistance would be appreciated:
if (document.images) {
image1on = new Image();
image1on.src = "sofa/so-belmondo-rollover-opt.jpg";
image2on = new Image();
image2on.src = "sofa/so-allen-rollover-opt.jpg";
image3on = new Image();
image3on.src = "sofa/so-bissett-rollover-opt.jpg";
image1off = new Image();
image1off.src = "sofa/sobelmondo1.jpg";
image2off = new Image();
image2off.src = "sofa/soallen1.jpg";
image3off = new Image();
image3off.src = "sofa/sobissett1.jpg";
otherImageDefault = new Image();
otherImageDefault.src = "sofa/Red-block-sofa.jpg";
otherImage1 = new Image();
otherImage1.src = "sofa/Red-block-Belmondo.gif";
otherImage2 = new Image();
otherImage2.src = "sofa/Red-block-Allen.gif";
otherImage3 = new Image();
otherImage3.src = "sofa/Red-block-Bisset.gif";
}
function changeImages() {
if (document.images) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments].src = eval(changeImages.arguments[i+1] + ".src"
;
}
}
}
<td valign="top" rowspan="2"><img name="otherImageDefault" src="sofa/Red-block-sofa.jpg" border=0></td><td valign="top"><img src="Generic_Images/Greenblock1.jpg" border="0"></td><td valign="top"><a href="belmondo.shtml" onMouseOver="changeImages('image1', 'image1on', 'otherImage', 'otherImage1')" onMouseOut="changeImages('image1', 'image1off', 'otherImage', 'otherImageDefault')"><img name="image1" src="sofa/sobelmondo1.jpg" alt="" width=91 height=41 border=0></a></td>
<td valign="top"><a href="allen.shtml" onMouseOver="changeImages('image2', 'image2on', 'otherImage', 'otherImage2')" onMouseOut="changeImages('image2', 'image2off', 'otherImage', 'otherImageDefault')"><img name="image2" src="sofa/soallen1.jpg" alt="" width=91 height=41 border=0></a></td><td valign="top"><a href="bissett.shtml" onMouseOver="changeImages('image3', 'image3on', 'otherImage', 'otherImage3')" onMouseOut="changeImages('image3', 'image3off', 'otherImage', 'otherImageDefault')"><img name="image3" src="sofa/sobissett1.jpg" alt="" width=91 height=41 border=0></a>
if (document.images) {
image1on = new Image();
image1on.src = "sofa/so-belmondo-rollover-opt.jpg";
image2on = new Image();
image2on.src = "sofa/so-allen-rollover-opt.jpg";
image3on = new Image();
image3on.src = "sofa/so-bissett-rollover-opt.jpg";
image1off = new Image();
image1off.src = "sofa/sobelmondo1.jpg";
image2off = new Image();
image2off.src = "sofa/soallen1.jpg";
image3off = new Image();
image3off.src = "sofa/sobissett1.jpg";
otherImageDefault = new Image();
otherImageDefault.src = "sofa/Red-block-sofa.jpg";
otherImage1 = new Image();
otherImage1.src = "sofa/Red-block-Belmondo.gif";
otherImage2 = new Image();
otherImage2.src = "sofa/Red-block-Allen.gif";
otherImage3 = new Image();
otherImage3.src = "sofa/Red-block-Bisset.gif";
}
function changeImages() {
if (document.images) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments].src = eval(changeImages.arguments[i+1] + ".src"
}
}
}
<td valign="top" rowspan="2"><img name="otherImageDefault" src="sofa/Red-block-sofa.jpg" border=0></td><td valign="top"><img src="Generic_Images/Greenblock1.jpg" border="0"></td><td valign="top"><a href="belmondo.shtml" onMouseOver="changeImages('image1', 'image1on', 'otherImage', 'otherImage1')" onMouseOut="changeImages('image1', 'image1off', 'otherImage', 'otherImageDefault')"><img name="image1" src="sofa/sobelmondo1.jpg" alt="" width=91 height=41 border=0></a></td>
<td valign="top"><a href="allen.shtml" onMouseOver="changeImages('image2', 'image2on', 'otherImage', 'otherImage2')" onMouseOut="changeImages('image2', 'image2off', 'otherImage', 'otherImageDefault')"><img name="image2" src="sofa/soallen1.jpg" alt="" width=91 height=41 border=0></a></td><td valign="top"><a href="bissett.shtml" onMouseOver="changeImages('image3', 'image3on', 'otherImage', 'otherImage3')" onMouseOut="changeImages('image3', 'image3off', 'otherImage', 'otherImageDefault')"><img name="image3" src="sofa/sobissett1.jpg" alt="" width=91 height=41 border=0></a>