如何让灯箱在 SVG 链接中找到数据灯箱属性？答案

【问题标题】：How can I get lightbox to find the data-lightbox-attribute within an SVG Link?如何让灯箱在 SVG 链接中找到数据灯箱属性？
【发布时间】：2019-07-12 09:14:29
【问题描述】：

到目前为止，我使用 lightbox 和 Imagemap 将组图像上的人与包含此人详细信息的 lightbox-popup 链接起来。我使用链接中的 data-lightbox-attribute 来传输数据。为了让网站负责，我尝试在目标人物周围使用多边形形状的 svg 中的链接图像。我尝试使用 xlink:data-lightbox="Data to be shown" 来帮助 lightbox 找到我的数据 - 没有成功。

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 750 429">
<image width="750" height="429" xlink:href="images/Groupimage.jpg">
</image>
<a xlink:href="images/image1.jpg" xlink:title="A Name" xlink:data-lightbox="lightbox-partner"  xlink:data-title="<h3>A Name</h3>
>
<g id="Name">
    <polygon class="st0" opacity="0" points="209,429 31,429 8,327.3 43,154.3 115.1,127.1 113,50.3 156.6,28.5 189,51.3 183,131.3 209,172.3 253,276.3 341,299.3 341,333.3 197,317."/>
 </g></a>
 </svg>

当我单击图像时，我只会在窗口中看到链接的图像。没有灯箱。我不是编码员。我试了一下，但真的不知道我在做什么...... 感谢您正确的方向！

【问题讨论】：

标签： svg attributes lightbox xlink

【解决方案1】：

我发现了错误！我认为 svg 中的链接必须是“xlink:href”，因为 XLink 命名空间不是“href”。但是 svg 中的链接可以在没有前缀“xlink”的情况下工作，并且没有“xlink:href”灯箱可以找到以下“data-lightbox-attribute”。问题解决了！不再有不负责任的图像地图！

对不起我的英语不好......

【讨论】：