Hi,
When the mouse is over the small image in a table cell, the large image appears in other cell. Code below works fine in IE but not in other browsers. How can solve this issue?
Thanks
<html>
<head>
<script language="javascript">
function changeBgImage(whichCell) {
if (whichCell=="small_1") {
document.getElementById("large").background="1l.gif";
} else if (whichCell=="small_2") {
document.getElementById("large").background="2l.gif";
}
}
</script>
</head>
<body>
<table width="330" height="117" border="1">
<tr>
<td id="small_1" width="92" background="1s.gif" onMouseOver="changeBgImage(this.id);"> </td>
<td id="large" width="222" rowspan="2"> </td>
</tr>
<tr>
<td id="small_2" background="2s.gif" onMouseOver="changeBgImage(this.id);"> </td>
</tr>
</table>
</body>
</html>