フルスクリーンオプション付きのJqueryモーダル/ダイアログ

StackOverflow https://stackoverflow.com/questions/1405529

質問

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

現在、正常に動作するThickboxを使用していますが、フルスクリーンオプションがありません。フルスクリーンと言うと、ブラウザウィンドウ全体を埋めることになります。

フルスクリーンを拡張できる優れたモーダル/ダイアログプラグインを知っている人はいますか？

乾杯

Eef

役に立ちましたか？

解決

Thickboxは、箱から出してしようとしていることをサポートする必要があります。このフォーラムスレッドを参照してください。ここでは、TBのサイズの初期化について説明しています。

TB_height = $(window).height();

また、 window に resize イベントハンドラを指定して、既に表示されているTBを更新します。

代替プラグインを探している場合は、 BlockUI 、オーバーレイのCSSは簡単に設定でき、 height および widthに 100％を使用してフルサイズのダイアログを実現できるはずです。 プロパティ。

他のヒント

window.heightの代わりに、全画面の画面プロパティを使用する必要があります。 

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

このプラグイン fancybox には簡単なコードがあります。イベントウィンドウでサイズ変更とスクロールを検索できます。ウィンドウを埋めるために、高さと幅のオプションを修正する必要があります。 この方法で修正されたバグがあり、FancyBoxでこれらの行を変更できます。

行432 

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

行439

<*>
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top