Question

这是我的问题： - 我有一个fancybox 3画廊介绍一个iframe - 当我点击其中一个链接时，我希望图像显示在我的iframe的父级

之上

我做了很多研究并尝试了几种解决方案

我发现了这个：call Fancybox in parent from iframe 但它只为fancybox 2提供解决方案

以下是我在iframe上的代码：

$(document).ready(function() {
    parent.$(".fancybox").fancybox({
        href:  this.href
    });
});

请注意

我在iframe和父母中都包含了jquery和fancybox 3
fancybox在iframe和父级中独立工作，但不能从iframe中调用以显示在父级中（我的问题）
我也尝试过：

$（“。fancybox”，top.document）.fancybox

$（“。fancybox”，window.opener.document）.fancybox

$（“。fancybox”，window.parent.document）.fancybox

这些都不起作用

非常感谢您的关注

Answer 1

我希望你在进行许多研究时能够改进文档。＃34;来自文档：

从内部访问和控制父窗口中的fancybox iframe中：
// Adjust iframe height according to the contents
parent.jQuery.fancybox.getInstance().update();

这应该为您提供一个线索，您可以使用parent.jQuery.fancybox从父页面使用API。

然后，API部分应该为您提供如何以编程方式打开图库的线索：

$.fancybox.open([
    {
        src  : '1_b.jpg',
        opts : {
            caption : 'First caption',
            thumb   : '1_s.jpg'
        }
    },
    {
        src  : '2_b.jpg',
        opts : {
            caption : 'Second caption',
            thumb   : '2_s.jpg'
        }
    }
], {
    loop : false
});

因此，结合这两个片段应该给你答案。

将fancybox 3打开为iframe parent

1 个答案: