在iFrame中单击时全屏打开lightbox？

这是我的页面：

我想在另一个网站上实现这个页面。我尝试使用iframe，但lightbox（fancybox）只在iframe中打开，而不是整个页面。你知道我怎样才能不费吹灰之力地解决这个问题吗

---

下面是它的外观：

我能想象的唯一方法是在fancybox脚本本身中包含gallery元素

因此，在您的页面中，不要有以下内容：

$(".fancybox-thumb").fancybox({
 // API options here
});

…以及图库中每个图像的所有隐藏html锚，都有如下内容：

$('.gallery').click(function(e){
 e.preventDefault();
 parent.$.fancybox([
  {href:'images/01.jpg', title: '01'},
  {href:'images/02.jpg', title: '02'},
  {href:'images/03.jpg', title: '03'}
 ],{ 
  // API options here
 }); // fancybox
}); // click

请注意，我们在括号内提供了

href

和

标题。还请注意，我们使用了
parent.$.fancybox
来指示fancybox将在父页面和iframe外部打开

然后，您需要在
iframe
外部打开库的唯一html是：

<a class="gallery" href="javascript:;"><img src="{thumbnail}" alt="" /></a>



为了进一步参考和演示（请参阅更新），请检查此项
我尝试过并在线上传了它，但它现在在iframe上根本不起作用。这只在同一个域中起作用。它不适用于跨域，在使用IFRAMES时，应该始终考虑同源策略。