打开Fancybox 3进入iframe parent

Question

这是我的问题： - 我有一个花式盒3画廊介绍一个iframe - 当我单击其中一个链接时，我想在我的iframe

的父母顶部显示图像

我进行了许多研究，并尝试了多种解决方案

我找到了这个：在iframe中调用父母的fancybox但它仅提供Fancybox 2

的解决方案

这是我在iframe上的代码：

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

请注意

• 我在iframe和parent

中都包含了jQuery和fancybox 3

• fancybox在iframe和parth中独立地像魅力一样工作，但不能从iframe中调用iframe在父母中显示(我的问题(

• 我也尝试了：

  $("。fancybox"，top.document(.fancybox

  $("。fancybox"，window.opener.document(.fancybox

  $("。fancybox"，window.parent.document(.fancybox

这些都没有工作

非常感谢您的关注

Answer 1

我希望您在进行"许多研究"时将文档红色。从文档中：

从一个内部访问和控制父窗口中的花哨盒 iframe：

// Adjust iframe height according to the contents
parent.jQuery.fancybox.getInstance().update();

这应该给您一个线索，您可以使用parent.jQuery.fancybox使用父页面。

然后，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
});

所以，结合这两个片段应该给您答案。