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

【问题标题】：How to open Instagram image in Fancybox popup?如何在 Fancybox 弹出窗口中打开 Instagram 图片？
【发布时间】：2018-04-06 10:56:59
【问题描述】：

是否可以使用 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({});

【问题讨论】：

它不起作用，因为它链接到 instagram 页面，而不是图像。另请注意，您也不应该真正盗链内容。

标签： jquery fancybox instagram

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

【讨论】：