質問

次のコードを使用して、Nyromodal JQueryプラグインを使用しようとしています。

$('img').click(function(e) {
                    e.preventDefault();
                    $.nmManual('pages/'+$(this).attr('id')+'.html', {
                        sizes: {
                            w: 1450,
                            h: 800,
                            initW: 2,
                            initH: 1
                        },
                        resizable: false,
                        closeOnEscape: false
                    });
                });

何らかの理由で、再配置可能でCloseOnscapeは機能しますが、サイズはありません。

役に立ちましたか?

解決

あるのでこれは奇妙です resizable オプション。

サイズを使用してみましたが、機能します。 http://jsfiddle.net/lekiss/hbxjn/2/

他のヒント

これを試して:

$.nmManual('http://jsfiddle.net/', {

    callbacks : {
        initFilters : function (nm) {
            nm.filters.push('link');
            nm.filters.push('iframe');
        },
        size:function(nm){
            nm.sizes.h = 550;
            nm.sizes.w = 550;
        }
    }
});

この質問につまずいた人のために:nyromodalウィンドウのサイズを設定するには、使用する必要があります。

        sizes: {
            minW: width,
            minH: height
        }

他のサイズのパラメーターはすべて、コンテンツの負荷中にオーバーライティングされます。

iframeリンクの場合、iframeウィンドウサイズはnyromodal.cssファイルでのみ変更できます:(

jqueryでそれを行うことができます:

$('.nyroModalCont,iframe').css('width', width + 'px');
$('.nyroModalCont,iframe').css('height', height + 'px');

通常、二重スクロールバーを避けるために、iframeの両方のサイズオプション(nyromodalウィンドウ + iframe)を設定する必要があります...

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top