0

私は持っています：

$("#fancybox-manual-b").click(function() {
    $.fancybox.open({
    href : 'iframe.html',
    type : 'iframe',
    padding : 5
    });
});

<li><a class="fancybox fancybox.iframe" href="iframe.html">Iframe</a></li>

ただし、ユーザー画面のサイズに応じてiframeのサイズを調整したいと思います。

私は次のようなことを試みていました：

width = $(window).width() -80;
heigth= $(window).height() -80;

これは正しいですか？、コードで使用する方法は？

4

2 に答える 2

2

または、これを試すこともできます。

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

ND

于 2013-03-12T12:04:08.337 に答える
0

これを試して、

function ResizeIframe(iframe) {
    var iframeBody = (iframe.contentDocument) ? iframe.contentDocument.body : iframe.contentWindow.document.body; 
    var height = (iframeBody.scrollHeight < iframeBody.offsetHeight) ? iframeBody.scrollHeight : iframeBody.offsetHeight;
    height = height + 10;
    $(iframe).height(height);
}

<iframe id="idFrm" src="URL" frameborder="0" clientidmode="Static" scrolling="no"                            height="35px" width="98%" onload="javascript:ResizeIframe(this);"></iframe>

私はそれを使用し、すべてのブラウザで魅力のように機能します。それをあなたのオンロードと呼んでください

ND

于 2013-03-12T09:11:44.413 に答える