0

タイトル通り本当に。私のサイトで人気のある jQuery ライトボックス スクリプトである Fancybox を使用しています。

要求されたページの IFRAME を使用してライトボックスを開くハイパーリンクを設定しました。

これはうまくいきますが...

ライトボックスが大きすぎます。コンテンツに合わせてサイズを自動調整したいです。http://fancyapps.com/fancybox/#docsのドキュメントでは、表に autosize パラメータがあることがわかります。

jQuery を知っている人は、スクリプトの構成でこれがどのように表示されるかを教えてもらえますか?

これが私の現在の構成です:-

$(document).ready(function() {
    $(".fancybox").fancybox({
 type: 'iframe',
 nextClick: false
     });
});
4

2 に答える 2

0

URL を見ると、IFRAME の最初の div 要素の幅が 520 ピクセルに固定されています。

<div style="width: 520px; margin: 0 auto;">

必要に応じて、その幅を削除または縮小して、幅を狭くしてみてください。

于 2013-02-13T15:49:17.727 に答える
0

あなたのサイトで試してみautoSizeましたが、うまくいかないようです。しかし、このコードはうまくいくようです：

$(".fancybox").fancybox({
    type: 'iframe',
    beforeShow: function(){
        this.width = $('.fancybox-iframe').contents().find('div:first').width();
    },
    nextClick: false
});

この回答で見つけて、レイアウトに合わせてルート div から幅を取得しました。

autoSizeただし、ロードする iframe に影響を与えない理由を理解することをお勧めします。

于 2013-02-13T15:43:36.600 に答える