iframe中的图片在主窗口中弹出灯箱

Question

我在iframe（不是跨域）中放置了图片库，并希望使用Lightbox在主框架中显示popupdiv。 因为现在当单击iframe中的图像时，弹出div仅覆盖iframe。

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

Answer 1

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

与其直接通过<iframe>嵌入图库， <iframe>使用辅助Javascript嵌入图库。 然后，此帮助程序Javascript将通过postMessage()与<iframe> Javascript通信，并且该帮助程序Javascript将在顶层执行所需的DOM操作，以便在顶层框架中打开覆盖<div> 。

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