Jqueryモーダル/ダイアログ（フルスクリーンオプションあり）

Question

コンテンツを表示するために、自分のサイトにJqueryモーダル/ダイアログプラグインを使用したいと考えています。

私は現在、よく動作するThickboxを使用していますが、フルスクリーンオプションはありません。フルスクリーンとは、ブラウザウィンドウ全体を埋めるという意味です。

誰もがフルスクリーンモードに拡張できる任意の良いモーダル/ダイアログプラグインを知っていますか？

乾杯

EEF

Answer 1

ThickBoxのは、あなたが箱から出してやるしようとしているものをサポートする必要があります。

TB_height = $(window).height(); 

。あるいは、すでに表示されているTBを更新するためにwindowにresizeイベントハンドラを指定する：彼らはTBのサイズを初期化する議論ここ、このforum threadを参照してください。

あなたが代替プラグインを探しているなら、そのオーバーレイのためのCSSを簡単に設定可能であるように私は、BlockUIに探してお勧めしたい、とあなたはheightため100%を使用して、フルサイズのダイアログを達成することができるはずですおよびwidthプロパティ。

Answer 2

このプラグインfancyboxは単純なコードを持っています。イベントウィンドウのサイズ変更とスクロールを検索できます。ウィンドウを埋めるための高さと幅のオプションを修正する必要があります。 それはあなたが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

代わりの窓。高さ、フルスクリーンのスクリーンプロパティを使うべきです。

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