Javascript 向放大弹出图像库添加下载链接

我想在用户点击缩略图后，在我的标题旁边添加一个下载链接或图像源

到目前为止，我已经设法让弹出工作，但我似乎无法创建一个下载喜欢去我的形象

下面的代码是我到目前为止的代码

<div class="product-thumb">
  <a href="images/product-image7.jpg" class="image-popup" title="screenprinting">
    <img src="images/product-image7.jpg" class="img-responsive" alt="">
    <div class="product-info">
      <div class="product-item">
        <h3>PRODUCT1</h3>
        <p>Size / Size / Size</p>
      </div>
      <div class="product-price">
        <span>P50</span>
      </div> 
    </div>
  </a>
</div>

---

并非所有浏览器都支持

您是否尝试了上的

下载

属性？我尝试过，但似乎仍然不起作用。我甚至去了“放大弹出”网站并按照说明操作。下载效果很好，现在的问题是它不会弹出图像。直接下载。我感谢大家的帮助

<a download="picture.jpg" href="/path/to/your/picture" title="pictureName">
    <img alt="" src="/path/to/your/picture">
</a>