javascript - 如何关闭通过单击 Javascript 中的锚标记显示的图像？

Question

我想为在图片库中打开的图片添加关闭按钮。我在锚标签中使用了“img”标签，它应该在同一页面中显示全尺寸的特定图像，并希望关闭图像并返回主页。

我遇到过用 Jquery 做这个解决方案，无论如何它可以用 javascript 完成吗？

索引.html

<div class="image-gallery-items">
      <div class="image-gallery-item">
          <a href="/dist/images/myImg.jpg"
          class="thumbnail">
          <span  class="closebtn">&times;</span>
          <img
            src="/dist/images/myImg.jpg">
        </a>
      </div>
      <div class="image-gallery-item">
          <a href="/dist/images/myImg2.jpg"
          class="thumbnail">
          <span  class="closebtn">&times;</span>
          <img
            src="/dist/images/myImg2.jpg">
        </a>
      </div>

标签： javascripthtmlcssimageanchor