title: Fancybox resize
body: <p>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:</p>
  
  <pre><code>$.fancybox(href,{
                  'autoScale': true,
                  'autoDimensions': true,
                  'padding': 30,
                  'transitionIn': 'none',
                  'transitionOut': 'none',
                  'type': 'iframe', //'iframe', //'image',
                  'changeFade': 300,
                  'cyclic': false,                  
  
              });
  </code></pre>
  
  <p>I have tried solving this issue by calling a function in "onComplete" but no success till now. Please provide few inputs on this.</p>
  
  <p>Thanks</p>