如何设置fancybox iframe的高度和宽度

Posted

技术标签:

【中文标题】如何设置fancybox iframe的高度和宽度【英文标题】:how to set fancybox iframe height and width 【发布时间】:2014-03-08 07:10:41 【问题描述】:

我正在尝试调整“Fancybox”iframe 灯箱的高度和宽度,但没有成功。

我正在使用

JS

<script type="text/javascript">    
$(".iframe").fancybox(
'overlayShow': false,
'frameWidth': 500, 
'frameHeight': 100, 
'type': 'iframe', 
);
</script>

html

<a class="iframe" rel="fancybox" href="http://form.jotformeu.com/form/40184565154353">This goes to iframe</a>

这是页面 http://www.thephotocabin.co.uk/proms/school-prom-enquiry/

任何帮助将不胜感激。谢谢!

【问题讨论】:

【参考方案1】:

不知道你问的是不是这个?

$(".iframe").fancybox(
'overlayShow': false,
'width': 500, 
'height': 100, 
'type': 'iframe', 
);

【讨论】:

以上是关于如何设置fancybox iframe的高度和宽度的主要内容,如果未能解决你的问题,请参考以下文章

更改fancybox iframe的大小-我可以更改宽度但不能更改高度?

设置 iframe 大小的问题

用jquery设置fancybox高度

如何将 iframe 高度和宽度设置为 100%

Fancybox V2 适合内容宽度 iframe

如何将 iFrame 的高度和宽度设置为与 WKWebView 框架相同?