Jquery Модальный / Диалоговый с возможностью полноэкранного режима
-
05-07-2019 - |
Вопрос
Я хочу использовать плагин Jquery modal / dialog для моего сайта для просмотра контента.
В настоящее время я использую Thickbox, который работает хорошо, но у него нет опции полноэкранного режима, когда я говорю "полноэкранный режим", я имею в виду заполнить все окно браузера.
Кто-нибудь знает какие-нибудь хорошие модальные / диалоговые плагины, которые могут расширять полноэкранный режим?
Ваше здоровье
Вэф
Решение
Thickbox должен поддерживать то, что вы пытаетесь сделать, «из коробки».Видеть это ветка форума, где обсуждается инициализация размера ТБ:
TB_height = $(window).height();
И, как вариант, указав resize
обработчик событий для window
для обновления уже отображаемого ТБ.
Если вы ищете альтернативный плагин, я бы посоветовал изучить Блоковый интерфейс, поскольку CSS для его наложения легко настраивается, и вы сможете создать полноразмерное диалоговое окно, используя 100%
для height
и width
характеристики.
Другие советы
Вместо window.height вам следует использовать свойства экрана для полноэкранного режима.
TB_height = screen.height;
TB_width = screen.width;
этот плагин модная коробка у этого есть простой код.Вы можете выполнить поиск в окне события, изменить размер и прокрутить его.там следует изменить параметры высоты и ширины, чтобы заполнить окно.В нем есть ошибка, которая исправлена таким образом, вы можете изменить эти строки в FancyBox:
строка 432
$(window).unbind("resize scroll", $.fn.fancybox.scrollBox);
строка 439
$(window).unbind("resize scroll", $.fn.fancybox.scrollBox);