Закрыть

Для эффективной работы на сайте используются cookie и обработка персональных данных. Пользуясь этим сайтом, вы соглашаетесь с правилами использования сайта. Подробнее

Цитата дня

Vivazzi.ru

Личный сайт Мальцева Артема

Если ничего не помогает, прочтите документацию, наконец! (о программировании)
RaD

Автоматическое изменение высоты окна в fancybox

Наткнулся на ошибку автоматического изменения высоты всплывающего окна fancybox. Модальное окно должно автоматически изменять размер при динамическом добавлении, удалении или изменении размеров элементов внутри окна, но, как оказалось, оно перестаёт автоматически меняться если задана опция минимальной ширины minWidth. Так, например, следующая конфигурация будет ломать авто изменение высоты:

<a class="btn show_modal" href='#modal_content'>Открыть модальное окно</a>

<div id="modal_content">
    <p>Содержимое модального окна</p>
</div>

$('.show_modal').fancybox({
        minWidth: 500,  # из-за этого параметра minWidth ломается автоматическое измение высоты модального окна
        maxWidth: 900,
        maxHeight: 600
    });

Для решения подобного "эффекта" нужно убрать этот параметр:

$('.show_modal').fancybox({
        maxWidth: 900,
        maxHeight: 600
    });

И настроить css-стили, например, так:

#modal_content {
    min-width: 500px;display: none;
}

Оцените статью

0 из 5 (всего 0 оценок)

Поля, отмеченные звёздочкой ( * ) , являются обязательными.

Спасибо за ваш отзыв!

Автор статьи

Права на использование данной статьи, расположенной на настоящей странице http://vivazzi.ru/it/auto-modal-resizing-fancybox/:

Разрешается копировать статью с указанием её автора и ссылки на оригинал без использования параметра rel="nofollow" в теге <a>. Использование:

Автор статьи: Мальцев Артём
Ссылка на статью: <a href="http://vivazzi.ru/it/auto-modal-resizing-fancybox/">http://vivazzi.ru/it/auto-modal-resizing-fancybox/</a>

Подробнее: Правила использования сайта

Вам нужно саморазвиваться или вы хотите зарабатывать деньги?

Или вы ищите хорошие IT сервисы или книги? Сохраните свое время и взгляните на мою подборку рекомендаций, которыми постоянно пользуюсь.
Посмотреть рекомендации

Комментариев: 0

Вы можете оставить комментарий как незарегистрированный пользователь. Но, зарегистрировавшись, вы сможете получать оповещения об ответах, а также иметь доступ к своему личному аккаунту для просмотра своих комментариев.

Чтобы оставить комментарий от своего имени войдите или зарегистрируйтесь обычным способом или через социальные сети:

Отправить

На данный момент нет специального поиска, поэтому я предлагаю воспользоваться обычной поисковой системой, например, Google, добавив "vivazzi" после своего запроса.

Попробуйте