Jquery Модал / Диалог с полноэкранным вариантом

Question

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

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

Кто-нибудь знает какие-нибудь хорошие модальные / диалоговые плагины, которые могут расширять полноэкранный режим?

Приветствия

Eef

Answer 1

Thickbox должен поддерживать то, что вы пытаетесь сделать из коробки. Смотрите эту ветку форума , в которой обсуждается инициализация размера ТБ:

TB_height = $(window).height();

И альтернативное указание обработчика события resize на window для обновления уже отображаемого ТБ.

Если вы ищете альтернативный плагин, я бы посоветовал заглянуть в BlockUI , так как CSS для его наложения легко настраивается, и вы сможете выполнить полноразмерный диалог с используя 100% для свойств height и width.

Answer 2

Вместо window.height вы должны использовать свойства экрана для полного экрана.

TB_height = screen.height;
TB_width = screen.width;

Answer 3

http://mabp.kiev.ua/2010/12/15/jquery-ui-fullscreen-button-for-dialog/

Answer 4

этот плагин fancybox с простым кодом. Вы можете искать в окне событий изменения размера и прокрутки. Там должны изменить параметры высоты и ширины, чтобы заполнить окно. У него есть ошибка, исправленная таким образом, вы можете изменить эти строки в FancyBox:

строка 432

$(window).unbind("resize scroll", $.fn.fancybox.scrollBox);

строка 439

$(window).unbind("resize scroll", $.fn.fancybox.scrollBox);