How to open colorbox from inside a iframe on top of parent window

Question

I have a page with an iframe. The link inside an iframe should open colorbox. It works fine.

But it opens the colorbox inside the iframe. Is it possible to open the iframe over the parent window.

I appreciate any help.

     $(function() {
          $('#ajax').colorbox({iframe: true });
     });

Answer 1

You should be able to trigger it in the top frame with

top.$.fn.colorbox({ params });

Although you'll need to spoon-feed it the data you want showing.