如何添加指向在灯箱中打开的图像的链接,从而导致外部“ .html”?

时间:2019-05-02 14:17:16

标签: javascript css html5 lightbox

我有一个图库,其中单击的图像在灯箱中打开。我要添加选项,然后可以再次单击“打开”图像以链接到外部页面。

我已经试图将标签包装在另一个标签中-当然是不成功的-并且正在寻找一些“数据”代码以添加到“ href”行中……但到目前为止没有发现任何东西。这是代码:

<div class="homepage-portfolio-preview-1 new-animation">
  <a class="lightbox"href="img/Portfolio_img/Ele_macs.jpg">
    <span class="background full-size" style="background-image: url(img/Portfolio_img/Ele_macs_thumb.jpg);"></span>
    <span class="text">
      <span class="h4 light"><b>WEBSEITEN LAYOUT</b></span>
      <span class="empty-space col-xs-b15"></span>
      <span class="simple-article large light transparent">TK Elementa</span>
    </span>
  </a>
</div>

我希望图像链接到详细描述该项目的页面,但也希望查看者能够看到图像的缩放版本...希望有所帮助。谢谢

1 个答案:

答案 0 :(得分:0)

您是否尝试过将链接标记放在跨度内?

<span class="background full-size" style="background-image: url(img/Portfolio_img/Ele_macs_thumb.jpg);">
    <a href="https://www.w3schools.com">Visit W3Schools</a>
</span>