Code:
function findObj(objID){ return document.getElementById?document.getElementById(objID):document.all?document.all[objId]:null; }
function changeImage(newImgSrc) {
var newImg = findObj("newImg");
if (!newImg) return;
newImg.src = newImgSrc;
}
The HTML that could go with this is:
Code:
<html>
<head>
<script><!-- INSERT SCRIPT HERE --></script>
</head>
<body>
<table>
<tr>
<td>
<span id="oldImg" onmouseover="changeImg('newImg.jpg');">A cell</span>
</td><td>
<img id="newImg" src="oldmg.jpg">
</td>
</tr>
</table>
</body>
</html>
Obviously this might need some work to make it more exensible.. but the base code is there. Furthermore, I don't know if you need the image to change back after the mouse leaves as well.
If you need more info, just ask.
-Ted