Jquery Modal /對話框全屏選項

Question

我正在尋找使用Jquery模式/對話框插件爲我的網站查看內容。

我目前正在使用Thickbox，但它沒有全屏選項，當我說全屏時，我的意思是填充整個瀏覽器窗口。

有誰知道任何可以擴展全屏的好模式/對話框插件？

乾杯

EEF

Answer 1

ThickBox的應該支持你試圖做的開箱即用的東西。看到這個forum thread，其中他們討論初始化TB的大小：

TB_height = $(window).height(); 

還或者指定resize事件處理程序window來更新已經被顯示TB。

如果你正在尋找一種替代插件，我會建議尋找到BlockUI，作爲其覆蓋的CSS很容易配置，你應該能夠使用100%爲height完成一個全尺寸的對話框和width屬性。

Answer 2

這個插件fancybox有一個簡單的代碼。您可以在事件窗口中搜索調整大小並滾動。應該修改高度和寬度選項以填充窗口。相反

線432

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

線439

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

Answer 3

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

Answer 4

窗口： 它具有固定在這樣一個錯誤，你可以的fancybox修改這些線.height，你應該使用全屏幕的屏幕屬性。

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