Javascript 从SVG图标打开fancybox gallery，但在右侧拇指列表中显示原始图像

我已经在许多项目中使用fancybox。通常我会从image thumb触发图像弹出屏幕，但现在我必须从img类中的SVG图标触发它。Fancybox将图标显示在右侧的拇指列表中。它应该显示具有data fancybox属性的a标记中的实际图像

以下是使用图像拇指作为弹出触发器的正常工作方式：

<a href="image.jpg" data-fancybox="gallery">
   <img class="thumb" src="image.jpg">
</a>

这将产生预期的结果，画廊弹出窗口打开，右侧的列表中有正确的图像

但现在，当我使用SVG图标触发弹出窗口时，它会在右侧的图库拇指列表中显示SVG

<a href="image.jps" data-fancybox="gallery">
   <img src="img/zoom_plus.svg" style="height:50px;">
</a>

---

有没有人有同样的需求？你是如何解决的？在此处未找到原始文档中的信息：

我已通过将图像添加到图标图像之前并将其显示设置为“无”来创建了一个肮脏的解决方案。它现在正在工作，但我想知道它是如何以正确的方式完成的

<a href="image.jps" data-fancybox="gallery">
   <img src="image.jpg" style="display:none;">
   <img src="img/zoom_plus.svg" style="height:50px;">
</a>

---

使用

数据fancybox触发器

属性，请参阅文档-