我对我最近推出的网站具有的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>