OnMouseOverJavaScript照片库

我正在尝试创建一个照片库，其中div元素的背景图像将更改为鼠标悬停其缩略图的图像（不能使用jQuery）

以下是我的HTML和JS代码：

函数显示图像（事件）{
event=event | | window.event；
var targetElement=event.target | | event.srcement；
如果（targetElement.tagName==“IMG”）{
document.getElementById（“查看器”）.style.backgroundImage=targetElement.getAttribute（“src”）；
}
}

将鼠标悬停在图像上以显示更大的图像

在

targetElement.tagName上使用可能会解决您的问题。
在
targetElement.tagName上使用可能会解决您的问题。
您必须将图像src包装到
url（）
中，因为CSS就是这样工作的：


函数显示图像（事件）{
event=event | | window.event；
var targetElement=event.target | | event.srcement；
如果（targetElement.tagName==“IMG”）{
document.getElementById（“查看器”）.style.backgroundImage='url（'+targetElement.getAttribute（“src”）+'）；
}
}
#查看器{
高度：200px；
宽度：800px；
}


您必须将图像src包装成一个
url（）
，因为CSS就是这样工作的：


函数显示图像（事件）{
event=event | | window.event；
var targetElement=event.target | | event.srcement；
如果（targetElement.tagName==“IMG”）{
document.getElementById（“查看器”）.style.backgroundImage='url（'+targetElement.getAttribute（“src”）+'）；
}
}
#查看器{
高度：200px；
宽度：800px；
}


哇，太感谢你了，我盯着它看了好几个小时，都想不出来了！（如果你说不出来，我对这一切都很陌生！）我还有几个问题要问，因为你显然很有学识@IzGao只需单独问他们每个人。这附近有很多乐于助人的人：）1。是console.log（document.getElementById（“查看器”）；部分只是为了确保开发人员选择了正确的id？2.您知道如何编写onmouseleave函数以使其返回默认值吗？@IzGao 1。是的，我无意中把它放在那里了，但被移除了。2.是的，只需创建一个函数，使用我们在其中设置css.backgroundImage的行，但将其设置为默认图像的URL。如果你有问题，试着这样做，问一个不同的问题。很抱歉再次打扰你（无尽的感谢）！我问了另一个问题，没有这个问题那么幸运。有什么想法吗？哇，太谢谢你了，我盯着它看了好几个小时，都想不出来了！（如果你说不出来，我对这一切都很陌生！）我还有几个问题要问，因为你显然很有学识@IzGao只需单独问他们每个人。这附近有很多乐于助人的人：）1。是console.log（document.getElementById（“查看器”）；部分只是为了确保开发人员选择了正确的id？2.您知道如何编写onmouseleave函数以使其返回默认值吗？@IzGao 1。是的，我无意中把它放在那里了，但被移除了。2.是的，只需创建一个函数，使用我们在其中设置css.backgroundImage的行，但将其设置为默认图像的URL。如果你有问题，试着这样做，问一个不同的问题。很抱歉再次打扰你（无尽的感谢）！我问了另一个问题，没有这个问题那么幸运。有什么想法吗？