jquery - 如何设置fancybox的高度和宽度？

Question

我为 fancybox 及其工作编写了代码，但我想为 fancybox 设置高度和宽度，但它不起作用。我使用以下代码。

Javascript

    <script type="text/javascript" src="/javascript/jquery/plugins/fancybox/fancybox.js?b84fd"></script>

<script type="text/javascript">

$(document).ready(function() {

/* This is basic - uses default settings */

$("a#single_image").fancybox();

/* Using custom settings */

$("a#inline").fancybox({
'hideOnContentClick': true
});



/* Apply fancybox to multiple items */

$(".iframe").fancybox({
'transitionIn'    :    'elastic',
'transitionOut'    :    'elastic',
'speedIn'     :    600,
'speedOut'     :    200,
'overlayShow'    :    false,
'width'  : 600,           // set the width
    'height' : 600,           // set the height
    'type'   : 'iframe',       // tell the script to create an iframe
    'scrolling'   : 'no'

});

});

</script>

HTML 代码

<a id="inline" href="/content/test.html">Test</a>

请建议我如何设置 fancybox 的高度和宽度。

我使用此链接帮助 Big commerce help 在 bigcommerce 中使用 fancybox

谢谢

Answer 1

Fancybox 1.2.5 版本较旧，不支持您提供的参数。尝试改用它。

$(".iframe").fancybox({
    'overlayShow': false,
    'frameWidth': 500, // set the width
    'frameHeight': 100, // set the height
    'type': 'iframe', // tell the script to create an iframe
});