Jquery modale / finestra di dialogo con opzione a schermo intero

Question

Sto cercando di utilizzare un plug-in modale / dialogico Jquery per il mio sito per visualizzare il contenuto.

Attualmente sto utilizzando Thickbox che funziona bene ma non ha un'opzione a schermo intero, quando dico a schermo intero intendo riempire l'intera finestra del browser.

Qualcuno conosce qualche buon plugin modale / dialogico che può espandersi a schermo intero?

Saluti

Eef

Answer 1

Thickbox dovrebbe supportare ciò che stai tentando di fare immediatamente. Vedi questo thread del forum , in cui discutono di inizializzare le dimensioni della TB:

TB_height = $(window).height();

E in alternativa specificare un ridimensionare gestore eventi su window per aggiornare un TB che è già visualizzato.

Se stai cercando un plug-in alternativo, suggerirei di cercare BlockUI , poiché il CSS per il suo overlay è facilmente configurabile e dovresti essere in grado di realizzare una finestra di dialogo a grandezza naturale usando 100% per height e width proprietà.

Answer 2

http: //mabp.kiev .UA / 2010/12/15 / jquery-ui-fullscreen-button-per-finestra /

Answer 3

Invece di window.height, dovresti usare le proprietà dello schermo per lo schermo intero.

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

Answer 4

questo plugin fancybox che ha un codice semplice. È possibile cercare nella finestra dell'evento ridimensionare e scorrere. ci dovrebbero modificare le opzioni di altezza e larghezza per riempire la finestra. Ha un bug risolto in questo modo, puoi modificare queste righe in FancyBox:

linea 432

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

linea 439

<*>