Javascript nyroModal-如何配置模式框的宽度和高度

Javascript nyroModal-如何配置模式框的宽度和高度,javascript,jquery,modal-dialog,nyromodal,Javascript,Jquery,Modal Dialog,Nyromodal,我试图控制模式窗口的宽度和高度,但我不知道如何覆盖默认设置 我一直在研究nmObject(),但我的javascript知识不是很好,我不知道正确的实现方法是什么 这是我的尝试,但有一个语法错误: $.nmObj( sizes: { initW: 300, initH: 300 }); 我做错了什么\ 编辑: 至少没有语法错误,但我认为我没有正确使用该函数 $.nmObj({sizes: { initW: 300, initH: 300 }}); 希望有帮助。试试: $.nmObj({siz

我试图控制模式窗口的宽度和高度,但我不知道如何覆盖默认设置

我一直在研究nmObject(),但我的javascript知识不是很好,我不知道正确的实现方法是什么

这是我的尝试,但有一个语法错误:

$.nmObj( sizes: { initW: 300, initH: 300 });
我做错了什么\

编辑:

至少没有语法错误,但我认为我没有正确使用该函数

$.nmObj({sizes: { initW: 300, initH: 300 }});
希望有帮助。

试试:

$.nmObj({sizes: { initW: 300, initH: 300 }});

希望有帮助。

另一种方法

<script type="text/javascript">
  $(document).ready(function() {
    $.nyroModalSettings({
      type: 'iframe',
      height: 500,
      width: 700,
      resizable: true,
      autoSizable: true,
      titleFromIframe: true,
      // modal: true,
      // selIndicator: '#loading',
      contentLoading: "" // use our own
    });

    $('a.nyroModalPhotos').nyroModal();
  });
</script>

$(文档).ready(函数(){
$.nyroModalSettings({
键入:“iframe”,
身高:500,
宽度:700,
可调整大小:正确,
autoSizable:true,
titleFromIframe:对,
//莫代尔:是的,
//选择指示器:“#加载”,
contentLoading://使用我们自己的
});
$('a.nyroModalPhotos').nyroModal();
});

另一种方法

<script type="text/javascript">
  $(document).ready(function() {
    $.nyroModalSettings({
      type: 'iframe',
      height: 500,
      width: 700,
      resizable: true,
      autoSizable: true,
      titleFromIframe: true,
      // modal: true,
      // selIndicator: '#loading',
      contentLoading: "" // use our own
    });

    $('a.nyroModalPhotos').nyroModal();
  });
</script>

$(文档).ready(函数(){
$.nyroModalSettings({
键入:“iframe”,
身高:500,
宽度:700,
可调整大小:正确,
autoSizable:true,
titleFromIframe:对,
//莫代尔:是的,
//选择指示器:“#加载”,
contentLoading://使用我们自己的
});
$('a.nyroModalPhotos').nyroModal();
});

看起来您正在使用nyroModal v2。对于iframe,您需要在CSS中设置初始大小:

.nyroModalCont iframe {
    width: 300px;
    height: 300px;
}
这里有一个已经关闭的函数,所以我想这就是它在这个版本中的工作方式


Ivailo的答案适用于nyroModal v1,我相信。

看起来您正在使用nyroModal v2。对于iframe,您需要在CSS中设置初始大小:

.nyroModalCont iframe {
    width: 300px;
    height: 300px;
}
这里有一个已经关闭的函数,所以我想这就是它在这个版本中的工作方式

Ivailo的答案适用于nyroModal v1,我相信。

对于这个过滤器

*Iframe筛选器

*Before:filters.formFile

在min.js中找到该文件是字符串的一部分
load:function(nm){nm.store.iframe=$('').attr({src:'javascript:\'\'\';',id:'nyromodal iframe-'+(new Date().getTime()),frameborder:'0'})

.css({ height: nm.sizes.h })
结果应该是

load: function (nm) { nm.store.iframe = $('<iframe />').attr({ src: 'javascript:\'\';', id: 'nyromodal-iframe-' + (new Date().getTime()), frameborder: '0' }).css({ height: nm.sizes.h })
load:function(nm){nm.store.iframe=$('').attr({src:'javascript:\'\'\';',id:'nyromodal iframe-'+(new Date().getTime()),frameborder:'0'}).css({height:nm.size.h})
用于此过滤器

*Iframe筛选器

*Before:filters.formFile

在min.js中找到该文件是字符串的一部分
load:function(nm){nm.store.iframe=$('').attr({src:'javascript:\'\'\';',id:'nyromodal iframe-'+(new Date().getTime()),frameborder:'0'})

.css({ height: nm.sizes.h })
结果应该是

load: function (nm) { nm.store.iframe = $('<iframe />').attr({ src: 'javascript:\'\';', id: 'nyromodal-iframe-' + (new Date().getTime()), frameborder: '0' }).css({ height: nm.sizes.h })
load:function(nm){nm.store.iframe=$('').attr({src:'javascript:\'\'\';',id:'nyromodal iframe-'+(new Date().getTime()),frameborder:'0'}).css({height:nm.size.h})

如果它被渲染为一个iframe,而不是显示方法渲染为一个iframe,这是正确的。如果它被渲染为一个iframe,而不是显示方法渲染为一个iframe,这是正确的。是的,请注意,这将在v2中给你一个语法错误,因为没有$。nyroModalSettingsYes,请注意,这将在v2中给你一个语法错误没有$.nyroModalSettings