Fancybox resize

Question

Hi,

I am using a fancy box which displays images, youtube video link and other videos. The user can navigate in the fancy box to go to next display or previous display. My problem is the fancy box doesn't get re-sized based on the displayed content. My code is as below:

$.fancybox(href,{
                'autoScale': true,
                'autoDimensions': true,
                'padding': 30,
                'transitionIn': 'none',
                'transitionOut': 'none',
                'type': 'iframe', //'iframe', //'image',
                'changeFade': 300,
                'cyclic': false,                  

            });

I have tried solving this issue by calling a function in "onComplete" but no success till now. Please provide few inputs on this.

Thanks

Answer 1

I'm not a web developer by any means, but the documentation says:

$.fancybox.resize      Auto-resizes FancyBox height to match height of content 

Is that what you want?