Как загрузить всплывающее окно Iframe за пределами Iframe?

Question

Например,

У меня есть сайт www.site1.com, и я использую iframe на странице site1.com, а исходный URL-адрес iframe - страница www..site2.com.

Страница сайта site2.com, которая создается на сайте site1.com, содержит несколько ссылок, открывающих изображения в виде всплывающего окна, например лайтбокса.

На сайте iframe iframe фиксированная ширина и высотаи я не могу расширяться дальше.

Но проблема в том, что у страницы iframe некоторые всплывающие окна больше, чем собственная ширина и высота iframe.Итак, внутри всплывающего окна iframe отображаются вертикальная и горизонтальная полосы прокрутки, которые мне не нужны

Может ли всплывающее окно загружаться за пределы окна Iframe с полной высотой и шириной?

Answer 1

Файлы jQuery и fancybox должны быть загружены как на родительской, так и на странице iframed, однако достаточно разместить собственный сценарий fancybox только на странице iframed.

http://www.picssel.com/playground/jquery/fancyboxFromIframe_16Jan12.html

Answer 2

Это не сработает из-за разных доменов.

Вы должны использовать «настоящие» window.open всплывающие окна, чтобы вырваться из iFrame.

Если iframe и окружающая страница находятся в одном домене, это будет возможно, но, скорее всего, только с помощью широких настроек JavaScript вашего скрипта лайтбокса. Я не знаю ни одного скрипта лайтбокса, который мог бы показывать всплывающие окна в разных кадрах. (Хотя не исключено, что он существует.)