如何添加指向在灯箱中打开的图像的链接，指向外部“.html”？答案

【问题标题】：How can I add a link to an image opened in a lightbox leading to external ".html"?如何添加指向在灯箱中打开的图像的链接，指向外部“.html”？
【发布时间】：2019-05-02 14:17:16
【问题描述】：

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

我已经尝试将标签包装在另一个标签中 - 当然没有成功 - 并且正在寻找一些“数据”代码添加到“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>

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

【问题讨论】：

您能说明一下您究竟需要什么样的帮助吗？简而言之？
您是否尝试过将javascript与onclick事件一起使用，然后当灯箱出现时您将事件绑定到您想要的标签

标签： javascript css html lightbox

【解决方案1】：

您是否尝试过将链接标签放在跨度内？

<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>

【讨论】：