Fancybox iframe won't resize content to fit frame

I’m trying to get my image that is embedded into an html page to fill the iframe window, however the frame does not resize to fit my image so I am stuck with scrollbars on the side. The fancybox iframe works and resizes to fit my image perfectly in all browsers except for google chrome. Can anybody tell me what I’ve done wrong here? below is a sample of my html and jquery. Please let me know if you need anything else.

<div class="portfolio photoRestoration" data-cat="photoRestoration">
  <div class="portfolio-wrapper">
    <a class="fancybox fancybox.iframe" href="image2.htm">
      <img src="images/Thumbnails/IMG_2069.jpg" alt=""/>
    </a>
  </div>


Jquery:

$(document).ready(function() {
  $("fancybox.iframe").fancybox({
    type: 'iframe'
  });
});
</script>

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.