时间戳

首页 > 解决方案 > 将下载链接添加到放大弹出图像库

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>

标签： javascripthtml

解决方案

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

并非所有浏览器都支持

推荐阅读