Всплывающее окно лайтбокса в главном окне изображения в iframe

Question

У меня есть галерея изображений, размещенная в iframe (не в кросс-домене), и я хочу использовать Lightbox для отображения popupdiv в главном фрейме. Потому что сейчас, когда щелкают изображение в iframe, всплывающий элемент div просто покрывает iframe.

Я думаю, что это может быть связано с установкой target = "_ top", но это не совсем помогает. Установка местоположения window.top для моего основного URL просто приводит к переходу страницы на этот URL.

Answer 1

<iframe> не может получить доступ к своему родительскому содержимому, если родительский фрейм не предоставляет совместимый Javascript.

Вместо встраивания вашей галереи напрямую через <iframe> вы должны встраивать ее с помощью вспомогательного Javascript. Тогда этот помощник Javascript будет общаться с <iframe> Javascript через postMessage() и вспомогательный Javascript будет выполнять необходимые манипуляции с DOM на верхнем уровне для открытия оверлея <div> в кадре верхнего уровня.

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