Come posso creare un overlay iframe in stile Netflix senza un'enorme libreria Javascript?

Question

Sto cercando di utilizzare un collegamento per aprire un overlay anziché in una finestra popup separata.Questa sovrapposizione dovrebbe consistere in un livello div semitrasparente che impedisca il clic sull'intero schermo.A questo punto intendo anche disabilitare lo scorrimento.Non importa dove ti trovi nella pagina principale, quando si fa clic sul collegamento, la sovrapposizione dovrebbe trovarsi al centro delle origini X e Y dello schermo.All'interno di questo div sovrapposto, dovrebbe esserci un iframe configurato in modo tale da poter caricare 3 dimensioni di contenuto.­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­

Answer 1

Potresti voler dare un'occhiata a una vecchia libreria JS che ho scritto, chiamata Submodale.

Facile da capire e modificare.Andare in città ;)

Dopo averlo modificato, usa Minimizza in combinazione con gzip sul tuo server.La dimensione della libreria sarà piccolissima.

Answer 2

Scatola delle ombre è un simpatico script per i "popup" in linea.Può funzionare con qualsiasi delle solite librerie JS se ne usi una (jQuery, Prototype, ecc.) o da sola, ha un sistema di skin piuttosto completo in modo da poter adattare l'aspetto senza dover entrare nel codice sorgente stesso.
È anche l'unico script di questo tipo (ce ne sono dozzine) che ho provato e che funzionerebbe in modo affidabile su tutti i browser comuni.

Non disabiliterà lo scorrimento (puoi comunque vedere il normale sfondo della pagina scorrere attraverso la sovrapposizione scura), ma il "popup" rimarrà comunque fisso sullo schermo.

Answer 3

http://onehackoranother.com/projects/jquery/boxy/

jQuery.boxy è un altro plugin di dialogo modale carino e leggero.

Answer 4

Di solito uso Scatola spessa per questo.Funziona davvero bene e si degrada bene se l'utente non ha JS attivato.

Utilizza jQuery, ma puoi caricarlo da Google: http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js e magari ottenere il vantaggio della memorizzazione nella cache.

Answer 5

Prendi il Javascript est biblioteca.Ha funzionalità per sovrapposizioni modali.

Answer 6

ThickBox (non più sviluppato) mi ha portato a questa libreria che sembra funzionare molto bene:

http://fancybox.net