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

发布于 2024-10-21 12:20:00 字数 476 浏览 3 评论 0原文

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

我一直在查看 nmObject (http://nyromodal.nyrodev.com/)，但是我的 javascript知识不是那么丰富，我不知道实现这一点的正确方法是什么。

这是我的尝试，但有语法错误：

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

我做错了什么？ :\

编辑：

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

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

原文

I am trying to controll the width and height of the modal window, but I have no idea how to override the default settings.

I've been looking at the nmObject (http://nyromodal.nyrodev.com/), but my javascript knowledge is not that great and I have no idea what the correct way to implement this is.

Here is my attempt, but with a syntax error:

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

What am I doing wrong? :\

EDIT:

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

No syntax errors atleast, but I don't think im using the function correctly

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

骄傲 2024-10-28 12:20:00

尝试：

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

希望有帮助。

try:

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

Hope it helps.

回复收藏 0 原文

念﹏祤嫣 2024-10-28 12:20:00

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

.nyroModalCont iframe {
    width: 300px;
    height: 300px;
}

有一个 github 问题对于这个，它是关闭的，所以我认为这就是它在这个版本中的工作方式。

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

Looks like you're using nyroModal v2. For an iframe, you need to set the initial size in the CSS:

.nyroModalCont iframe {
    width: 300px;
    height: 300px;
}

There's a github issue for this, which is closed, so I think that's how it will work in this version.

Ivailo's answer applies to nyroModal v1, I believe.

回复收藏 0 原文

变身佩奇 2024-10-28 12:20:00

另一种方法。

<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>

Another way of doing it.

<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>

回复收藏 0 原文

若水般的淡然安静女子 2024-10-28 12:20:00

对于此过滤器

.* Iframe 过滤器

.* 之前：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 })

For this filter

.* Iframe filter

.* Before: filters.formFile

Locate in min.js the file is part of a string
load: function (nm) { nm.store.iframe = $('<iframe />').attr({ src: 'javascript:\'\';', id: 'nyromodal-iframe-' + (new Date().getTime()), frameborder: '0' })

and add

.css({ height: nm.sizes.h })

the result should be

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

回复收藏 0 原文

~没有更多了~