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