如何在Fancybox弹出窗口中打开Instagram图像？

Question

是否可以使用Fancybox打开Instagram图像？我当前的版本是2.1.5，但任何人都可以。

这是Codepen的例子，第一张图片是针对Instagram的，它不起作用，第二张图片是其他的，它可以正常工作。我猜这是因为缺少.jpeg扩展名？我怎样才能使它发挥作用？

https://codepen.io/anon/pen/XExyKO

<a class="fancybox" href="https://www.instagram.com/p/BWFOf3KAJgg/">
    <img src="https://scontent.cdninstagram.com/vp/789ad577697b12f9abc70523e1082feb/5B4FA13F/t51.2885-15/s320x320/e35/19534600_2014027525491841_4032380537485131776_n.jpg">
</a>

$("a.fancybox").fancybox({});

Answer 1

您需要加载媒体模块或升级到内置它的v3。升级并简单地使用链接的data-fancybox="gallery"属性使其自动运行。

请参阅此演示 - https://codepen.io/anon/pen/aYRQEo?editors=1000

Answer 2

您只是使用错误的链接查看图片或复制“https://scontent-arn2-1.cdninstagram.com/vp/5a125810ce05d6042f395e7d0bb4482d/5B529958/t51.2885-15/e35/19534600_2014027525491841_4032380537485131776_n.jpg”