javascript - 从 iframe 中的图像在主窗口中弹出灯箱

标签 javascript iframe lightbox

我在 iframe 中放置了一个图片库(不是跨域),并且想使用 Lightbox 在主框架中显示 popupdiv。因为现在当点击 iframe 中的图片时,弹出的 div 刚好覆盖了 iframe。

我认为这可能与设置 target="_top"有关,但这并不能完全解决问题。将 window.top 位置设置为我的主 url 只会导致页面转到该 url。

最佳答案

<iframe>除非父框架提供协作 Javascript,否则无法访问其父内容。

而不是直接通过<iframe>嵌入您的画廊您应该使用辅助 Javascript 来嵌入它。 然后这个辅助 Javascript 将与 <iframe> 进行通信JavaScript 通过 postMessage() 并且辅助 Javascript 会在顶层执行所需的 DOM 操作以打开覆盖层 <div>在顶级框架中。

https://developer.mozilla.org/en/DOM/window.postMessage

关于javascript - 从 iframe 中的图像在主窗口中弹出灯箱,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8629350/

相关文章:

javascript - 单击时更改按钮图像并在 iframe 中显示结果,单击下一个按钮时,将原始按钮返回到第一个按钮

javascript - jQuery document.ready 不前置

javascript - 将数组从客户端传递到服务端 C#

javascript - 使用 Javascript 预加载选择的数据

javascript - 如何将 Node.js、MongoDb 和 Backbone.js 组合在一个应用程序中?

javascript - 为什么IE8不处理iframe onload事件?

ruby-on-rails - iFrame始终无法工作(ssl证书阻止了它)

javascript - 灯箱未加载动态选择器

Javascript:在同一页面上添加多个 Lighthbox 画廊

javascript - 在普通 javascript 中不显眼的加载的最佳方式