Hi,
The following code works fine in IE, but in Firefox it does not:
<SCRIPT LANGUAGE="JavaScript" <!--src="change_image.js"-->
function changeImage(filename,image_id)
{
mainimage.src = filename;
document.getElementById("img1").style.visibility = "hidden";
document.getElementById("img2").style.visibility = "hidden";
document.getElementById(image_id).style.visibility = "visible";
}
</script>
<body>
<div id="img1" class="images_caption"
style="visibility:visible">Hello1</div>
<div id="img2" class="images_caption">Hello2</div>
<div class="images_zoom" >
<img name="mainimage" src="images/jewellery/1.jpg">
</div>
<div class="images_list">
<a href="#" onclick="changeImage('images/jewellery/1.jpg','img1')" >
<img src="images/jewellery/thumb_1.jpg"/></a>
<a href="#" onclick="changeImage('images/jewellery/2.jpg','img2')"
<img src="images/jewellery/thumb_2.jpg"/></a></div>
</body>
Could you please help me to correct the code to become FF
compatible?
Best regards
Shahin