在Fancybox中使用Cloudinary URL的问题

Question

我在我的Shopify商店中使用Cloudinary和Fancybox，并对每个产品图片使用以下代码：

<div class="image__container" style="max-width: {{ image.width }}px"> 
<img src="{{ cloudinaryURL }}" alt="{{ image.alt | escape }}" class=" lazyload lazyload--fade-in {% if featured_image.id == image.id %}featured_image{% endif %}" data-index="{{ forloop.index0 }}" data-image-id="{{ image.id }}" data-sizes="auto" data-src="{{ cloudinaryURL }}" data-srcset="{{ cloudinaryURL }}" /> 
</div> 
</a>

单击图像时，它只是将您重定向到href网址，而不是在Fancybox中打开。 我假设它与Fancybox无法识别URL有关，因为它具有各种不同的字符，但是我找不到解决方案。 以下示例网址：

https://res.cloudinary.com/dp14laxyn/image/fetch/q_auto,f_auto,fl_lossy/w_787,h_1181,c_fill,g_auto/https://cdn.shopify.com/s/files/1/0076/6362/products/CLUNIE_SHORT_BENJAMIN_ALEXANDER.gif%3Fv%3D1574382180

任何帮助将不胜感激。 谢谢！