将鼠标悬停在html表格单元格上，当鼠标悬停在该单元格上时，会出现一个使用javascript的图像弹出窗口，当光标移开时，图像会消失

注意：我不熟悉堆栈溢出和web开发，web不是我的专长

我希望能够将鼠标悬停在html表中的某些单元格上，并将存储的图像弹出，但此表是动态创建的

下面是javascript代码，它指向一个我已经拥有的函数，该函数在鼠标悬停时成功地更改了鼠标指针；我希望能够有一个图像弹出窗口和鼠标指针：

var newCell = newRow.insertCell(0);
var newText = document.createTextNode(name);
newCell.onmouseover = function(){hover1(this);}
newCell.appendChild(newText); //Adds to table

//Now to the hover1() function:
function hover1( row ){
row.style.cursor = "crosshair"; //Works as it should
//row.style.backgroundImage = "url('Testpic.jpg')"; <--Not Working
//row.style.color = "red"; //Also works
//Need picture to show up
}

var newCell=newRow.insertCell（0）；
var newText=document.createTextNode（名称）；
newCell.onmouseover=function（）{hover1（this）；}
appendChild（newText）//添加到表中
//现在转到hover1（）函数：
功能悬停1（世界其他地区）{
row.style.cursor=“crosshair”；//正常工作
//row.style.backgroundImage=“url（'Testpic.jpg'）”；一个简单的解决方案是制作隐藏图像

<img src="file.path" style="visibility:hidden" id="img1">

我希望这对您有用。
该图像与您的HTML文件存储在同一文件夹中吗？HTML代码位于同一文件中，我知道这适用于php“/>我的印象是url（）javascript也是一样。你用javascript或jquery修复了吗？我用了一点jquery，但我真的很想在这个函数中实现它，我想既然我可以像想要的那样更改鼠标指针，我也可以显示这样的图片，但我有点迷路了。这并不是我看起来的样子ing，但它肯定会给我提供其他想法和备用方案，谢谢。我是新来的，我会投票支持你的帮助，但我显然需要更多的声誉：（你能更详细地描述一下你想要什么吗？如果必须的话，我必须改变我的布局，但我真的想知道是否有一种方法可以让我在悬停上加载图像，就像我在该函数中更改鼠标指针一样。我需要表上每个单元格都有一个特定的图像，所以如果我采用不可见的方式（这很好）似乎我需要加载数百个图像，并使它们在页面上不可见，但我对web开发还是新手，所以我可能会在这里出错。你最终会遇到问题。因为你使用的图像我猜是在你的计算机上，你必须让页面在某个时间加载图像。你可以我们可能会使用客户端语言（如Javascript）进行一些奇特的编码，可以选择基于悬停的文件，但这方面的代码可能会变得混乱，难以理解。如果你想走这条路，我祝你好运，但由于你才刚刚开始，我并不推荐你这么做。谢谢你的建议，是的这是我想做的额外的事情。我想我会尝试一下，但这对我来说不是必要的，所以我想我现在就把它扔到一边。
document.getElementById('img1').style.visibility = 'visible';