콘텐츠를보기 위해 내 사이트에 Jquery 모달/대화 상자 플러그인을 사용하려고합니다.전체 화면 옵션이있는 Jquery 모달/대화 상자
현재 잘 작동하는 Thickbox를 사용하고 있지만 전체 화면 옵션을 가지고 있지 않습니다. 전체 화면은 전체 브라우저 창을 채우는 것을 의미합니다.
누구나 전체 화면을 확장 할 수있는 좋은 모달/대화 형 플러그인을 알고 있습니까?
건배
EEF
콘텐츠를보기 위해 내 사이트에 Jquery 모달/대화 상자 플러그인을 사용하려고합니다.전체 화면 옵션이있는 Jquery 모달/대화 상자
현재 잘 작동하는 Thickbox를 사용하고 있지만 전체 화면 옵션을 가지고 있지 않습니다. 전체 화면은 전체 브라우저 창을 채우는 것을 의미합니다.
누구나 전체 화면을 확장 할 수있는 좋은 모달/대화 형 플러그인을 알고 있습니까?
건배
EEF
Thickbox와 당신이 상자 밖으로 수행하려고하는지 지원해야한다. 그들은 TB의 크기를 초기화 대해 논의하고,이 forum thread를 참조하십시오
TB_height = $(window).height();
그리고 대안으로 이미 표시되고있는 TB를 업데이트 할 window
에 resize
이벤트 핸들러를 지정합니다.
당신이 다른 플러그인을 찾고 있다면, 그 오버레이에 대한 CSS 쉽게 구성 할 수 있습니다으로 나는 BlockUI로 보는 게 좋을 것, 당신은 height
에 대한 100%
를 사용하여 전체 크기 대화 상자를 달성 할 수 있어야한다 및 width
속성
이 플러그인은 간단한 코드를 가진 fancybox입니다. 이벤트 창의 크기 조정 및 스크롤에서 검색 할 수 있습니다. 창을 채울 높이 및 너비 옵션을 수정해야합니다. 그것은이 방법으로 고정되는 버그가있다, 당신은 FancyBox에이 라인을 수정할 수 있습니다
라인 (432)
$(window).unbind("resize scroll", $.fn.fancybox.scrollBox);
라인 439
$(window).unbind("resize scroll", $.fn.fancybox.scrollBox);
을 대신 윈도우의 . 높이, 당신은 전체 화면에 대한 화면 속성을 사용해야합니다.
TB_height = screen.height;
TB_width = screen.width;
테스트했습니다. IE 8에서는 작동하지 않습니다. – Han