到目前为止,我将灯箱与Imagemap一起使用,以将群组图像上的人物与灯箱弹出窗口之间的链接与此人的详细信息相关联。我使用链接中的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>
当我点击图像时,我只得到窗口中的链接图像。没有灯箱。我不是编码员。我试着去,但不知道我在做什么......感谢你朝正确的方向迈进!
我发现了错误!我认为svg中的链接必须是“xlink:href”,因为XLink命名空间不是“href”。但是svg中的链接没有前缀“xlink”,没有“xlink:href”灯箱可以找到以下“data-lightbox-attribute”。问题解决了!没有更多不负责任的图像地图!
对不起,我的英语不好 ...