Ниромодальное окно с фиксированным положением
Вопрос
Я использую ниромодал, и испытываю проблемы с придавлением всплывающего окна в фиксированном положении относительно фона. Т.е. я позиционировал его туда, куда я хочу, чтобы это было, но когда окно браузера изменяется, всплывающие сдвиги по отношению к содержанию фоновой страницы. Я понимаю, что это особенность Nyromodal, но я бы хотел выключить его. Я не могу найти функцию в документах, чтобы сделать это. У кого-нибудь есть какие-либо идеи?
CSS Snippet:
.nyroModalCont {
position: absolute;
margin:20px 25px 25px 25px;
background:#000;
}
Курок:
echo '<a href="showimage.php?id='.$row['id'].'" class="trigger" rel="gal">';
echo '<img src="'.$this->ImageDir.$row['id'].'/thumb/'.$row['thumb'].'" border="0" />';
echo '</a>';
Спасибо, HR
Решение
Чтобы избежать изменения (и изменения размера) всплывающего окна после изменения размера окна браузера, вы можете перезаписать resize
Функция (без кода внутри) в варианты ниромодала:
$('.trigger').nyroModal({
resize: function(recalc) {},
});
В качестве альтернативы (или добавления), в соответствии с вашими потребностями, вы можете изменить CSS Properties Используя ниромодальные обратные вызовы, которые касаются изменения размера:
$('.trigger').nyroModal({
callbacks: {
beforeResize: function(nm) {
},
afterResize: function(nm) {
}
}
});