Javascript 悬停后显示图像，而不是单击

我想用我的画廊以一种稍微不同的方式工作

现在我有

   <a href="/big-image.jpg" data-gallery="lightbox[gallery]">
      <img src="/small-image">
   </a>

它显示不同图像（小图像）的库。若有人点击图片，它会在lightbox中显示大图片

我需要改进它来显示图像后，悬停它不是点击。我可以向元素添加ID或类，但我一直在研究如何使用纯JS（不能使用jQuery）

---

谢谢你给我介绍方法或一些教程。

我相信你想使用一个模式，如果是这样的话，试试这个

这里使用onhover代替onclick事件， 作为

---

有两种方法可以做到这一点 1） 删除图像标记并在锚标记上设置CSS属性“

背景图像：url（“paper.gif”）

”，与在悬停时更改此属性相同 (二)

---

嗨，帕特里克！欢迎来到stackoverflow！这里有一些有用的链接，可以指导您在这里提问。基本上，您需要显示您的代码，并证明您已经投入了一些努力来实现这一点。Stackoverflow不是代码编写服务。我们可以帮助您找出为什么您已经编写的代码没有按照您希望的方式工作。这在很大程度上取决于lightbox脚本的工作方式。它可能有某种API和显示项的方法，您可以在自己的mouseover处理程序中调用它们。但从用户体验的角度来看，我怀疑这是一个好主意；将取决于图像的排列方式，但从网格中的一个图像移动到下一个图像的不必要效果很容易想象，例如快速或类似。在关闭这样一个灯箱后，我可能需要用鼠标光标返回到某个图像，这也可能会触发沿途不需要的图像…小心使用。好吧，我知道第二种方法，但我遇到了困难。我有数百张图片，我不想添加数百个url。是否可以在标记之前使用src到img，但不使用特定的URL？

    $("#id_of_element").hover(function(){
    modal.style.display = "block";
    };

 document.getElementByTag("img").hover = function() {
document.getElementByTag("img")[0].src = "any url you want  " 
}