的fancybox 2 IFRAME加载问题(fancybox 2 iframe loading i

2019-09-26 01:39发布

我对我最近推出的网站具有的fancybox 2的问题。

我用我的网页链接中的fancybox的灯箱打开广场(galleria.io)画廊和PDF文件。 对于照片画廊(广场),我加载在iframe中的fancybox另一个网页,我很明确的定义缩略图,这样所有的全尺寸图片不必立即加载。 对于PDF的内容,我在iframe中直接加载PDF文件。

然而,更多的,往往不是第一次点击一个链接的iframe不出现(永久加载动画)。 关闭的fancybox并点击链接再加载内容的罚款。 发生这种情况两个广场和PDF内容。

我开发和测试的部位主要集中在FF,但似乎像在IE中出现的问题也。

淘interwebs的答案后,我已经找到了最接近问题都是在计算器以下内容:

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

(试图置换等在这里张贴的解决方案方面,但结果404中的iframe中)

/问题/ 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中打开广场画廊:

<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>

(我知道,在上面的链接美术馆额外股利是不完全正确的,但我不认为这是相关的问题,因为同样的问题,这只是有文字链接上面链接库页写)

初始化使用的fancybox网页:

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