fancybox 2 iframe加载问题

我在最近推出的网站上遇到了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粘连加载的iframefunction于即

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

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

链接到示例：

（在开发中）画廊页面： http ： //www.sonahomes.com/gallery/

（现场）主页： http ： //www.sonahomes.com [主页上方的页脚上有“精选列表”，其中包含PDF和照片库的链接……最右边的列表加载了一个带有19的图库相片]

码：

链接到iframe中打开PDF：

 
PDF Flyer
  

链接到iframe中的open galleria gallery：

   
 
19 Photos
   

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

使用fancybox在页面上初始化：

   $(document).ready(function() { $(".various").fancybox({ autodimensions : false, autoSize : false, fitToView : false, type : 'iframe', }); });