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

Question

可以用Fancybox打开Instagram图片吗？我的当前版本是 2.1.5，但任何版本都可以。

这是 Codepen 示例，第一张图片用于 Instagram，但无法正常工作，第二张图片是其他图片，但可以正常工作。我猜这是因为缺少 .jpeg 扩展名？我怎样才能让它发挥作用？

<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

你只是用错了link看图片或复制这个"https://scontent-arn2-1.cdninstagram.com/vp/5a125810ce05d6042f395e7d0bb4482d/5B529958/t51.2885-15/e35/19534600_2014027525491841_4032380537485131776_n.jpg"

Answer 2

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

查看此演示 - https://codepen.io/anon/pen/aYRQEo?editors=1000

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

How to open Instagram image in Fancybox popup?

jquery

fancybox

instagram