时间戳

首页 > 解决方案 > 悬停后显示图像，而不是单击

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

问题描述

我想用我的画廊以不同的方式工作。

我现在有

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

它显示了不同图像（小图像）的画廊。如果有人点击图像，它会在灯箱中显示大图像。

我需要改进它以在将其悬停而不是单击后显示图像。我可以向元素添加 ID 或类，但我被困在如何使用纯 JS（不能使用 jQuery）来做到这一点。

谢谢你告诉我方法或一些教程。

标签： javascript

解决方案

我相信你想使用模态，如果是这样试试这个

https://www.w3schools.com/howto/howto_css_modals.asp 此处使用 onhover 代替 onclick 事件，如

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

推荐阅读