Fancybox 输出为 'document' 类型

Question

我目前正在使用 Fancybox 3，虽然我的浏览器 (Chrome) 似乎将我的图像解释为 'documents' 从而呈现白色背景，但一切似乎都运行良好。所以我按照文档将类型更改为 'image' 类型。虽然我下面的代码不起作用。

控制台错误

Resource interpreted as Document but transferred with MIME type image/png: "http://localhost/site.com/wp-content/uploads/2017/02/img_1.png".

HTML

<a id="fancybox" data-fancybox="gallery"  href=" '. $image_url .' ">
  <img src=" '. $image_url .' ">
</a>

JS

jQuery(document).ready(function($){
  jQuery.fancybox.open({
      src  : '#fancybox',
      type : 'image'
    });
});

我必须将 $ 的所有实例更改为 jQuery，因为这是 Wordpress 的要求。

Answer 1

只需将 data-type="image" 添加到您的链接就足够了。无论如何，我无法从您的描述中理解您的 question/issue.

到底是什么

但我注意到你有：

href=" '. $image_url .' "

看到 url 周围有多余的空格了吗？应该是：

href="'. $image_url .'"

缩略图也是如此。

Fancybox outputting as 'document' type