CODEWITHSUNDEEP
jqueryfancybox
forrest
forrest

Reputation: 10972

Fancybox iFrame content not showing

I am using the iFrame function for the first time to pull pages from a site I am developing, so these pages are within the same domain.

You can see the same here: http://ee.rouviere.com/photo/portfolio if you click on the first thumbnail image Architecture you will see that the page loads but it is incomplete.

Most of the styling is stripped out and the side row of thumbnails is missing. You can see the page that it is pulling from here: http://ee.rouviere.com/photo_portfolio

The code I am using to launch the iFrame is:

$("a.view-preview2").fancybox({
       'frameWidth'    :       500,
       'frameHeight'   :       500,
       'hideOnContentClick': false
  });

I tried the iFrame example on fancybox.net and it works perfectly so I am not sure what I am missing here. Any help will be greatly appreciated!

Thank you.

Upvotes: 1

Views: 6344

Answers (2)

Black
Black

Reputation: 20232

I had the same problem and 'type':'iframe' did not solved it. I also had to add 'overlayShow':false

jQuery(document).ready(function() {
      $("a.image-preview").fancybox({
           'frameWidth'    :       500,
           'frameHeight'   :       500,
           'hideOnContentClick': false,
           'overlayShow':false,
           'type':'iframe'
      }); 
});

Upvotes: 0

vinhboy
vinhboy

Reputation: 8982

jQuery(document).ready(function() {
      $("a.image-preview").fancybox({
           'frameWidth'    :       500,
           'frameHeight'   :       500,
           'hideOnContentClick': false, 
           'type':'iframe'
      }); 
});

Have you tried adding 'type':'iframe'

Upvotes: 4

Related Questions