Question

到目前为止，我将lightbox与Imagemap一起使用，以在组图像上的人与包含该人详细信息的lightbox弹出窗口之间建立链接。我在链接中使用data-lightbox-attribute来传输数据。为了使网站负责，我尝试在目标对象周围使用多边形形状的svg中的链接图像。我尝试使用xlink：data-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>

单击图像时，在窗口中仅显示链接的图像。没有灯箱。我不是编码员。我尝试一下，但真的不知道我在做什么... 感谢您的正确指导！

Answer 1

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

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

如何获取灯箱以在SVG链接中找到data-lightbox-attribute？

1 个答案: