0

我目前正在使用 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'
    });
});

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

这是我正在关注的文档。

4

1 回答 1

1

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

但我注意到你有：

href=" '. $image_url .' "

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

href="'. $image_url .'"

缩略图也一样。

于 2017-04-21T17:33:22.517 回答