Question

我使用精美的方框打开一些没有滚动条的width / height HTML个页面，但我不确定如何在fancy box j-query函数中执行此操作。

我拥有所有相关脚本且Fancy box工作正常，但如果我指定iframe，则会以较小的默认大小打开。

我可以改变这个脚本吗？

<script type="text/javascript">
  $(document).ready(function(){
    $(".iframe").fancybox();
});
</script>

我想点击图片打开HTML页面......

<div class="project">
<a class="iframe" href="#"><img src="images/portfolio/blank-image.jpg" alt="" width="150" height="100"></a>
</div>

有人可以建议我如何打开一个800px width by 500px height没有滚动条的窗口（HTML文档将被创建以适应那些精确的尺寸）并且可能包含一些像弹性的过渡？

Answer 1

您可以控制fancyBox的宽度和高度，并在fancyBox脚本中添加以下内容：

width       : 800,
height      : 500

如果您不想生成滚动条，可以将以下内容添加到fancyBox脚本中：

scrolling   : 'no'

希望这有帮助！

Answer 2

您可以指定fancybox选项，如下所示：

    <script type="text/javascript">
        $(document).ready(function () {
             $("a.iframe").fancybox({
                'width': 800,
                'height': 500,
                'transitionIn': 'elastic',
                'transitionOut': 'elastic',
                'type': 'iframe'
            });
        });
    </script>

在FancyBox中使用iFrame时如何设置窗口高度和宽度？

2 个答案: