Как из iframe показать модалку на весь экран?

Question

[maksipes]

Допустим на странице есть превью изображения, по клику на которое открывается модальное окно его предпросмотра, а сама эта страница вставлена в iframe.

Конечно модалка будет появляться внутри iframe, но можно ли ее как-то показать наружу, например как обычно это делается по центру окна браузера?

Возможно ли такое вообще?

Answer 1

[Павел Чесноков]

Да, возможно. После полной загрузки DOM используя JavaScript вы можете отлавливать нажатие на элемент в iframe. А дальше взять URL картинки, присвоить его родительскому окну и открыть в модалке.

<iframe id="fff"><img src="xxx.jpg"></iframe>
jQuery('#fff').contents().find('img').attr('src');