Question

我在最近推出的网站上遇到了fancybox 2的问题。

我使用我页面上的链接在fancybox灯箱中打开galleria（galleria.io）画廊和PDF文件。对于照片画廊（galleria），我在fancybox iframe中加载了另一个网页，我正在定义明确的缩略图，因此所有全尺寸的照片都不必立即加载。对于PDF内容，我直接在iframe中加载PDF文件。

然而，通常情况下，第一次点击链接时iframe不会出现（永久加载动画）。关闭fancybox并再次单击链接可以加载内容。这适用于广场和PDF内容。

我主要在FF中开发并测试了该网站，但似乎问题也出现在IE中。

在搜索了互联网的答案之后，我发现的最接近的问题是stackoverflow中的以下内容：

/问题/ 4710023 / jQuery的的fancybox - 工作 - 但只-时任您点击这个图像-两次

（尝试交换与此处发布的解决方案相同的条款，但会在iframe中生成404）

/问题/ 9779250 /的fancybox -2-需要两点击

（信息不足）

/问题/ 14819642 /的fancybox-卡住加载的iframe合即

（指的是IE，但禁用预加载声音很有希望，我即将试一试）

我是一个家庭建设者，而不是代码建设者，所以我确信在建立我的网站的过程中我做错了。我很感激任何提供的帮助！谢谢！

示例链接：

（在开发中）图库页面：http://www.sonahomes.com/gallery/

（直播）主页：http://www.sonahomes.com [在主页上方的页脚上方有“精选列表”，其中包含PDF和照片库的链接......最右边的列表加载了一张19张照片的画廊]

代码：

链接以在iframe中打开PDF：

<a href="...pdf file..." class="various">
  <p><img src="...icon..." class="icon" />PDF Flyer</p>
</a>

链接到iframe中的open galleria画廊：

<a href="...link to page with galleria..." class="various">
  <img src="...small image..." class="thumb1" />
  <div>
    <p><img src="...icon..." class="icon" />19 Photos</p>
  </a>
  </div>

（我知道上面的galleria链接中的额外div不完全正确，但我不认为它与问题有关，因为同样的问题发生在上面链接的图库页面上，只有文本链接）

使用fancybox在页面上初始化：

<body>
<script type="text/javascript">
$(document).ready(function() {
  $(".various").fancybox({
    autodimensions : false,
    autoSize : false,
    fitToView : false,
    type : 'iframe',
    });
});
</script>

fancybox 2 iframe加载问题

0 个答案: