如何制作一个iframe的“突破”？

我在网站的首页上有一个iframe。 iframe加载一个.php页面，该页面包含一个使用jQuery Tools Tabs构建的旋转器。在第一个标签上，我使用jQuery Tools Overlay在Lightbox中弹出YouTube视频。如何制作一个iframe的“突破”？

这在独立页面上可以正常工作，但是在网站的首页上查看时，lightbox仅限于iframe。

我需要灯箱来弹出iframe内容和接管整个网站的首页。

有没有办法获取iframe的父窗口或顶部窗口，然后使灯箱在那里打开？

还是有另一种方法，我可以完成这一切？

该网站是锁定了发展，但你可以在这里查看独立的PHP页面：单机页

来源

2012-04-04 aethergy

您可能需要使用 '模式' 覆盖，检查演示在这里 - http://jquerytools.org/demos/overlay/modal-dialog.html。我建议你使用jQuery UI或Fancybox插件，因为它们更易于使用，并且可以从javascript/jquery调用本身发送的选项启用模式对话框。没有必要像对待我在链接中看到的那样烦扰CSS。 – 2012-04-04 05:52:55

谢谢你的建议。我会研究Fancybox。手指交叉... – aethergy 2012-04-04 06:06:20

尝试jQuery UI，在单个包中获取多个小部件，如选项卡，对话框，自动完成，日历等，以及不同的效果，如动画，拖放等。如果您只想叠加弹出窗口，然后Fancybox是很好。 – 2012-04-04 06:21:12

任何“收藏夹”的偏好？

如果你是灵活的，你可以使用Fancybox (v2.x)，实现像这个演示这种效果：http://picssel.com/playground/jquery/fancyboxFromIframe_16Jan12.html

在该页面有两个I帧：左边一个显示你目前的情况，而一个在右边您正在寻找的解决方案。

UPDATE：使用jQuery.noConflict()

<script type="text/javascript" src="other_lib.js"></script> (mootools) 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
    $.noConflict(); 
    // Code that uses other library's $ can follow here. 
</script>

来源

2012-04-04 05:44:00 JFK

谢谢JFK，这正是我想要做的。我从来没有使用Fancybox，但我会检查出来并报告回来。 – aethergy 2012-04-04 06:05:52

你介意看看独立页面上的代码吗？一个页面视频打开整个窗口和网站的主页上的视频填充iframe ...不知道发生了什么，但我有点新使用jQuery。谢谢您的帮助。 – aethergy 2012-04-04 06:58:57

更新：现在我在独立页面上弹出了Lightbox，但iframe在网站主页上单击时没有做任何事情。任何想法为什么会这样？我在这两个页面上加载了fancybox js和css。 – aethergy 2012-04-04 07:10:56

如何制作一个iframe的“突破”？

回答

相关问题