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

Question

我有一个放置在iframe（不是跨域）的图片库，并希望使用Lightbox在主框架中显示popupdiv。因为现在点击iframe中的图片时，弹出式div只会覆盖iframe。

我认为它可能与设置target =“_ top”有关，但这并不能解决问题。将window.top位置设置为我的主URL只会导致页面转到该URL。

Answer 1

除非父框架提供合作Javascript，否则

<iframe>无法访问其父内容。

不是直接通过<iframe>嵌入您的图库，而应使用帮助程序Javascript嵌入它。 然后这个助手Javascript将通过<iframe>与postMessage() Javascript进行通信 并且帮助程序Javascript将在顶层执行所需的DOM操作，以在顶层框架中打开叠加层<div>。

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