Jquery Модальный / Диалоговый с возможностью полноэкранного режима

StackOverflow https://stackoverflow.com/questions/1405529

Вопрос

Я хочу использовать плагин 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);
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top