Jquery Modal / Dialog with Fullscreen选项

Question

我希望为我的网站使用Jquery模式/对话框插件来查看内容。

我目前正在使用厚盒，但它没有全屏选项，当我说全屏时我的意思是填满整个浏览器窗口。

有没有人知道任何可以扩展全屏的好的模态/对话插件？

干杯

EEF

Answer 1

Thickbox应该支持您尝试开箱即用的内容。请参阅此论坛帖子，其中讨论初始化TB的大小：

TB_height = $(window).height();

另外指定 resize 事件处理程序到 window 来更新已经显示的TB。

如果您正在寻找替代插件，我建议您查看 BlockUI ，因为它的叠加层的CSS很容易配置，你应该能够使用 100％来完成 height 和 width的全尺寸对话框属性。

Answer 2

http://mabp.kiev .ua / 2010/12/15 / jquery的-UI-全屏按钮换对话框/

Answer 3

而不是window.height，您应该使用屏幕属性进行全屏显示。

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

Answer 4

此插件 fancybox 具有简单的代码。您可以在事件窗口中搜索调整大小并滚动。应该修改高度和宽度选项以填充窗口。 它有一个以这种方式修复的bug，你可以在FancyBox中修改这些行：

第432行

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

第439行

<*>