的fancybox iframe的尺寸
-
20-09-2019 - |
题
在的fancybox主页( http://fancybox.net/home )有一个打开的示例的iFrame的尺寸为屏幕的75%。
我无法通过如在网站上描述的修改对js文件的宽度和高度属性得到它。
解决方案
您应该试试这个:
$('iframeLink').fancybox({
'width':300,
'height':200,
'type':'iframe',
'autoScale':'false'
});
其他提示
您好我刚刚经历了所有这些阅读,我不得不采取的其他人都写信给得到它的工作的点点滴滴。我由410想要一个窗口600
的首先改变Java脚本强> 余处理的文件:<强> jquery.fancybox-1.3.4.js 强>(这可以与稍后更改版本) 下的默认值设定的高度和宽度
宽度:600, 高度:410,
* ,然后改变你的网页脚本
$( “#various3”)。的fancybox({
<强> '宽度':600,强>
<强> '高度':410,强>
'AUTOSCALE':假,
'类型': 'IFRAME'
请注意大小不是单引号!我浪费了一个小时之前,我看到了这样的错误。
这应该帮助。现在,如果有人能告诉我如何得到这个IFRAME弹出页面加载。
我猜你应该设置的fancybox高度
$(window).height() * 0.75
但我个人更喜欢用像素要做得像
$(window).height() - 80
我有同样的问题,并最终在的fancybox JS文件的底部调节的默认尺寸 - “frameWidth:800,frameHeight:600”
他们还提到,你可以做对的fancybox网站这:
可以通过选项键/值 对象的fancybox()函数或 修改它们在的fancybox的底部 JS文件
但我与阿贾克斯的fancybox的工作,所以我不能改变大小花哨!
$('iframeLink').fancybox({
'width':300,
'height':200,
'type':'ajax',
'autoScale':'false'
});
我有版本2.14,这是我的作品。
$(document).ready(function() {
$(".iframe").fancybox({
type: 'iframe',
'padding' : 0,
'autoSize': false,
'width': 650,
'height': 520
});
});
通过简单地从“IFRAME”到“AJAX”改变类型的值,解决这个问题。
$('Selector').fancybox.open({
href : 'iframe.html',
type : 'ajax', //from type : 'iframe',
padding : 0
});
现在它用于Iframe.html的文件的主体中描述的高度&类的宽度。所以自动操纵。