Fancybox输出为“文档”类型

Question

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

控制台错误

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的要求。

This is the documentation I am following

Answer 1

只需将data-type="image"添加到您的链接就足够了。无论如何，我无法从你的描述中理解你的问题究竟是什么。

但我注意到你有：

href=" '. $image_url .' "

查看网址周围的额外空格？它应该是：

href="'. $image_url .'"

缩略图也一样。