在Frontity React中渲染为SVG的图像

Question

我有一个与Frontity React的问题，在那里它加载精美的特色图像和一些其他图像，但相当多的图像是添加到页面的插件(如foogallery)

<figure class="fg-item-inner"><a href="7yKPcJk.jpg" target="_self" data-attachment-id="206" class="fg-thumb"><span class="fg-image-wrap"><span height="300" width="200" class="css-pxqjd2-Container e16qyzlb0"><img alt="" class="frontity-lazy-image skip-lazy fg-image" loading="lazy" width="200" height="300" data-src-fg="2109218829.jpg" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22300%22%20viewBox%3D%220%200%20200%20300%22%3E%3C%2Fsvg%3E"></span></span><span class="fg-image-overlay"></span></a><figcaption class="fg-caption"><div class="fg-caption-inner"></div></figcaption></figure>

知道可能是什么原因造成的吗？

Answer 1

FooGallery为其延迟加载添加了一个占位符SVG，当库JavaScript运行时将替换该占位符。您可以为图库(或通过设置页面为所有图库)禁用延迟加载，这将停止此行为。