如何在php页面中使用javascript更改img src？

我有一个带有一些图像缩略图的php页面。我想在这里做的是查看鼠标悬停事件中另一个img中放大的缩略图

这就是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>";

不幸的是，这段代码不起作用 有什么想法吗？

试试：

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

---

虽然我不确定语法（很可能是一种错误的方法），但是你明白了吗，我在末尾添加了查询，以便在不重新加载网页的情况下立即更改它。我想你想你要做的是什么。

你的所有图像都有唯一的ID吗？试试

onmousemove=“hover”

（不带括号和分号）。“一些”缩略图？他们都有相同的身份证吗？如果是这样，那就是你的问题了。id在整个文档中必须是唯一的。是的，它们具有相同的idi意味着我必须在循环中生成缩略图，所以这就是问题所在？

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