Question

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

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

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

干杯

EEF

Answer 1

Thickbox应该支持您尝试开箱即用的内容。见forum thread，其中讨论初始化TB的大小：

TB_height = $(window).height();

另外，为resize指定一个window事件处理程序，以更新已显示的TB。

如果您正在寻找替代插件，我建议您查看BlockUI，因为其叠加层的CSS很容易配置，您应该可以使用{来完成全尺寸对话框{1}}和100%属性{1}}。

Answer 2

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行

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