How to load pop-up of Iframe outside Iframe?

Question

For example

I have a site www.site1.com and i'm using a iframe on a page of site1.com and source url of iframe is a page of www.site2.com.

page of site.com which is iframed on site1.com has some links which opens images in popup like lightbox.

on site1.com iframe has fixed width and height and i cannot extend further.

But the problem is ifram page has some popups are bigger than iframe's own width and height. so inside iframe popup shows vertical and horizontal scrollbar, which i don't want

Can popup load outside Iframe window with full height and width?

Answer 1

This will not work out because of the differing domains.

You would have to use "real" window.open pop-ups to break out of the iFrame.

If the iframe and the surrounding page are on the same domain, it will be possible, but most likely only with extensive JavaScript tweaks of your lightbox script. I know of no lightbox script that can show popups across frames out of the box. (It's not impossible one exists, though.)