ansaurus

Question

display jquery prettyPhoto lightbox in parent from iframe

Answer 1

A:

This will only work if the domain for the parent and child frames are the same.

You'll need to load the necessary JavaScript in the parent frame. Then try something like this in the iframe:

$(document).ready(function(){
    $('a').click(function(){
        window.parent.$.prettyPhoto.open($(this).attr('src'), $(this).attr('title'), $(this).children('img').attr('alt'));
        return false;
    });
});

You might have to change the $('a') selector to something else. I don't think you should put rel on the links because you might get pretty photo opening in both the parent and the iframe.

This should all work in theory. I have not tested it.

CalebD 2010-02-01 21:06:59

Hi,I tried your suggestion but still get the same result of the lightbox displaying within the iframe instead of the parent page. Would you have anu further suggestions.Thanks

Kurt 2010-02-01 21:18:07

Were there any JavaScript errors? Did you remove the rel attribute from the <a> tags? Does pretty photo work from the parent frame if you call it manually as a test? Are you using the most recent version of pretty photo?

CalebD 2010-02-01 21:38:09

ansaurus

tags:

views:

answers:

display jquery prettyPhoto lightbox in parent from iframe

related questions