1

fancyboxの幅を設定しようとしています

$("a.loader").fancybox({
    width: 1000,
    height: 1050,
    autoDimensions: false,
    maxWidth : '100%'
});

いくつかのトピックを読みますが、設定しautoDimensions: false,、幅をピクセルで設定し、ピクセルなし、カンマあり、なしで設定しようとしました。何の助けにもなりません。ファンシーボックスは同じ幅と高さで表示されます。

どうした？

PSjquery-1.8.2.min.jsおよびjquery.fancybox.pack.js（2〜3週間前にダウンロードされた）その場合。

追加されたばかり：また、他のcssまたはjqueryコードからファンシーボックスに適用できる追加の幅はありません。

4

4 に答える 4

8

fancybox v2.xを使用している場合、APIオプションは新しく、以前のバージョン1.3.xと互換性がありません。

したがって、fancybox v2.xの場合、autoDimensionsオプションは存在しませんが、autoSize代わりに使用する必要があります。一方、ビューポート（画面サイズ）がfancyboxで必要なサイズよりも小さい場合、コンテンツはビューポートに収まるように拡大縮小されます。サイズを強制したい場合は、を設定する必要がありますfitToView: false。

注ajax：これは、、、およびコンテンツhtmlに対してのみ有効です。画像は常にビューポートに収まるように拡大縮小されるか、元のサイズで開きます...またはAPIオプションを使用して画像のサイズを操作することはできません。inlineiframewidthheight

したがって、v2.xのスクリプトは次のようになります。

$("a.loader").fancybox({
    width: 1000,
    height: 1050,
    autoSize : false,
    fitToView : false,
    maxWidth : '100%' // I don't think you need this
});

... ajax、html、インライン、iframeコンテンツにのみ有効で、画像には有効ではありません。

于 2012-11-24T17:42:48.877 に答える
1 
$("a.loader").fancybox({
    'width': 1000,
    'height': 1050,
    'autoDimensions': false,
    'maxWidth' : '100%'
});
于 2012-11-24T12:49:59.107 に答える
0

FancyBoxのドキュメントでは、次のような引用符を使用しています。

$("a.loader").fancybox({
    'width': 1000,
    'height': 1050,
    'autoDimensions': false,
    'maxWidth' : '100%'
});

私もこれをこのように使用し、機能します。しかし、これが問題であるかどうかはわかりません。

于 2012-11-24T11:14:47.043 に答える
0

私はこのようにコードを使用しています、そしてそれは私のために働きます

$("a.loader").fancybox({   
    maxWidth: 1000,
    minHeight: 1050,
    autoDimensions: false,
    width: '70%',
    height: '70%'
});
于 2012-11-24T11:27:04.470 に答える