使用 fancybox2 的 Dropbox 相册视图

Posted 2023-05-09

【中文标题】使用 fancybox2 的 Dropbox 相册视图

【英文标题】：Dropbox album view with fancybox2

【发布时间】：2014-09-13 01:41:37

【问题描述】：

我正在尝试通过 fancybox 包含一个保管箱专辑，但 iframe 窗口没有显示任何内容。 Fancybox 已包含在内，并且可以与其他内容一起正常工作。

jQuery 1.10.1

我的链接：

<a href="https://www.dropbox.com/sh/8hnorr9ndb87b98/AABxf73Ubn6R2rsc0SDhUv0Ba" data-fancybox-type="iframe" class="various">Dropbox</a>

我的fancybox js：

$(".various").fancybox(
    maxWidth    : 800,
    maxHeight   : 600,
    fitToView   : false,
    width       : '70%',
    height      : '70%',
    autoSize    : true,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none'
);

感谢任何想法 =)

【问题讨论】：

我试图解决。但是我收到控制台错误，因为 Refused to display dropbox in a frame 因为它将“X-Frame-Options”设置为“SAMEORIGIN”。

你不能jsfiddle.net/9rUBL

【参考方案1】：

您使用的这种 URL 似乎有一个文件夹的共享链接，因此它指向一个显示文件夹内容的网页。该网页位于dropbox.com，不允许加框（出于安全原因）。

如果您有指向单个文件（如特定图像）的共享链接，则可以通过添加查询字符串参数?raw=1 来修改URL。这提供了一个重定向到实际文件内容的链接（而不是包含文件预览的网页）。但这当然不适用于文件夹。