Fancybox 输出为“文档”类型答案

【问题标题】：Fancybox outputting as 'document' typeFancybox 输出为“文档”类型
【发布时间】：2017-04-21 17:11:12
【问题描述】：

我目前正在使用 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>

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

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

【问题讨论】：

【解决方案1】：

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

但我注意到你有：

href=" '. $image_url .' "

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

href="'. $image_url .'"

缩略图也一样。

【讨论】：