如何在PHP页面中使用javascript更改img SRC

我有一个PHP页面与一些图像缩略图。这里我想做的是在鼠标悬停事件上查看放大后的缩略图。

这是php代码:

echo"<tr><td><a href='$imgrow[location]' target='_blank' > <img src='$imgrow[location]' height='50' width='50'  id='thumbnail' onmouseover='hover();'></img></a></td></tr>";
echo "<div style='left:60px; top:3px; width:500px; height:400px; position:absolute;border-style:none;'><img src='' height='400' width='500' id='zoomimg' ></div>";

这是javascript代码:

function hover() {
var zoom = document.getElementById("zoomimg");
var tnail = document.getElementById("thumbnail");
zoom.setAttribute('src', tnail.src);
}

不幸的是，这段代码不能工作什么好主意吗?

function hover() {
    var zoom = document.getElementById("zoomimg");
    var tnail = document.getElementById("thumbnail");
    zoom.setAttribute('src', tnail.src+"?"+(new Date()).getTime()));
 }