전체 화면 옵션이있는 jQuery 모달/대화 상자

Question

내 사이트에 jQuery Modal/Dialog 플러그인을 사용하여 콘텐츠를 볼 수 있습니다.

현재 잘 작동하는 Deadbox를 사용하고 있지만 전체 화면 옵션이 없습니다. 전체 화면이라고 말할 때 전체 브라우저 창을 채우는 것을 의미합니다.

전체 화면을 확장 할 수있는 좋은 모달/대화 플러그인을 아는 사람이 있습니까?

건배

EEF

Answer 1

Thickbox는 상자 밖으로하려는 작업을 지원해야합니다. 이것 좀 봐 포럼 스레드, 그들은 TB의 크기 초기화에 대해 논의합니다.

TB_height = $(window).height();

대안 적으로 지정 a resize 이벤트 처리기 window 이미 표시중인 TB를 업데이트합니다.

대체 플러그인을 찾고 있다면 조사하는 것이 좋습니다. 블록, 오버레이의 CSS는 쉽게 구성 할 수 있으므로 사용하여 전체 크기 대화 상자를 달성 할 수 있어야합니다. 100% 용 height 그리고 width 속성.

Answer 2

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

Answer 3

Window.height 대신 화면 속성을 사용하여 전체 화면을 사용해야합니다.

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

Answer 4

이 플러그인 팬시 박스 간단한 코드가 있습니다. 이벤트 창 크기 조정 및 스크롤에서 검색 할 수 있습니다. 창을 채우기 위해 높이와 너비 옵션을 수정해야합니다. 이 방법으로 고정 된 버그가 있으므로 Fancybox에서 이러한 라인을 수정할 수 있습니다.

라인 432

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

라인 439

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