Question

我已经成功使用Fancybox一段时间了欣赏功能。我正在使用iFrame功能第一次从我正在开发的网站拉页面，所以这些页面属于同一个域名。

您可以在此处看到相同内容：http://ee.rouviere.com/photo/portfolio if 单击第一个缩略图图像架构，您将看到它页面加载但不完整。大部分造型都被剥掉了 out并且侧面的缩略图行缺失。你可以看到这个页面它是从这里拉出来的：http://ee.rouviere.com/photo_portfolio

我用来启动iFrame的代码是：

$（ “a.view-preview2”）。的fancybox（{ 'frameWidth'：500， 'frameHeight'：500， 'hideOnContentClick'：false }）;

我尝试了fancybox.net上的iFrame示例，它完美无缺，所以我我不确定我在这里缺少什么。任何帮助都会很大理解！

谢谢。

Answer 1

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

您是否尝试过添加'type':'iframe'

Answer 2

我遇到了同样的问题，'type':'iframe'没有解决。我还必须添加 'overlayShow':false

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

Fancybox iFrame内容未显示

2 个答案: