我在 iframe 中放置了一个图片库(不是跨域),并且想使用 Lightbox 在主框架中显示 popupdiv。因为现在当点击 iframe 中的图片时,弹出的 div 刚好覆盖了 iframe。
我认为这可能与设置 target="_top"有关,但这并不能完全解决问题。将 window.top 位置设置为我的主 url 只会导致页面转到该 url。
最佳答案
<iframe>
除非父框架提供协作 Javascript,否则无法访问其父内容。
而不是直接通过<iframe>
嵌入您的画廊您应该使用辅助 Javascript 来嵌入它。
然后这个辅助 Javascript 将与 <iframe>
进行通信JavaScript 通过 postMessage()
并且辅助 Javascript 会在顶层执行所需的 DOM 操作以打开覆盖层 <div>
在顶级框架中。
关于javascript - 从 iframe 中的图像在主窗口中弹出灯箱,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8629350/