До сих пор я использую лайтбокс вместе с картой изображений, чтобы связать человека на групповом изображении с всплывающим знаком лайтбокса с информацией об этом человеке.Я использую 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>
Когда я щелкаю изображение, я получаю только связанное изображение в окне,Нет лайтбокса.Я не кодер.Я стараюсь, но не знаю, что я делаю ... Спасибо за удар в правильном направлении!