javascript - Resize fancybox width after visiting link in iframe

Question

I created a fixed width fancybox defined on the parent page like so:

$('.fancybox').fancybox({
    width: 650
});

I have a link that can be clicked within the iframe that pops up that directs to a new page that is 850px wide. I need the FancyBox to adjust up to that width. How can I do this? I've tried using the autosize:true function but that does not seem to do the job.

Answer 1

With jQuery you can do:

$(".fancybox").css({"width" : "850"});

right after your Fancybox call.

Answer 2

You could also do this, assuming that the new content has a size set:

$('#fancybox-wrap, #fancybox-outer, #fancybox-content').css('width', 'auto');
$.fancybox.center();

Answer 3

You can call:

$('#fancybox-content').width(850);

To resize the width of the fancybox at any time.