nyroModal - как настроить ширину и высоту модального окна - PullRequest
Новая
       28

nyroModal - как настроить ширину и высоту модального окна

1 голос
/ 10 марта 2011

Я пытаюсь контролировать ширину и высоту модального окна, но я не знаю, как переопределить настройки по умолчанию.

Я смотрел на nmObject (http://nyromodal.nyrodev.com/),, но мои знания JavaScript не так уж велики, и я понятия не имею, как правильно реализовать это.

Вот моя попытка, но с синтаксической ошибкой: 

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

Что я делаю не так? : \

EDIT: 

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

По крайней мере, нет синтаксических ошибок, но я не думаю, что я правильно использую функцию

Ответы [ 4 ]

4 голосов
/ 10 марта 2011

попробовать: 

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

Надеюсь, это поможет.

3 голосов
/ 23 мая 2011

Похоже, вы используете nyroModal v2.Для iframe вам нужно установить начальный размер в CSS: 

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

Для этого есть проблема github , которая закрыта, так что я думаю, что это будет работать вэта версия.

Ответ Ивайло относится к nyroModal v1, я считаю.

2 голосов
/ 11 марта 2011

Еще один способ сделать это. 

<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 голосов
/ 07 марта 2014

Для этого фильтра

. * Фильтр iframe

. * До: filters.formFile

Найти в min.js файл, являющийся частью строки 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 = $('<iframe />').attr({ src: 'javascript:\'\';', id: 'nyromodal-iframe-' + (new Date().getTime()), frameborder: '0' }).css({ height: nm.sizes.h })
...