¿Cómo puedo crear una superposición de iframe estilo Netflix sin una enorme biblioteca de JavaScript?
-
01-07-2019 - |
Pregunta
Estoy intentando utilizar un enlace para abrir una superposición en lugar de una ventana emergente separada.Esta superposición debe consistir en una capa div semitransparente que impida que se haga clic en toda la pantalla.También pretendo desactivar el desplazamiento en este punto.No importa dónde se encuentre en la página principal, cuando se hace clic en el enlace, la superposición debe estar en el centro de los orígenes X e Y de la pantalla.Dentro de este div superpuesto, debe haber un iframe configurado de modo que se puedan cargar 3 tamaños de contenido.
Otros consejos
Caja de sombra es un buen script para "ventanas emergentes" en línea.Puede funcionar con cualquiera de las bibliotecas JS habituales si usa alguna (jQuery, Prototype, etc.) o por sí solo, tiene un sistema de aspectos bastante completo para que pueda adaptar el aspecto sin tener que acceder al código fuente.
También es el único script de este tipo (hay docenas) que he probado que funcionaría de manera confiable en todos los navegadores habituales.
No deshabilitará el desplazamiento (aún puede ver el fondo normal de la página desplazándose a través de la superposición oscura), pero la "ventana emergente" en cualquier caso permanecerá fija en la pantalla.
http://onehackoranother.com/projects/jquery/boxy/
jQuery.boxy es otro complemento de diálogo modal ligero y agradable.
Yo suelo usar Caja gruesa para esto.Funciona muy bien y se degrada muy bien si el usuario no tiene JS activado.
Utiliza jQuery, pero puedes cargarlo desde Google: http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js y tal vez obtener el beneficio del almacenamiento en caché.
Coge el javascript extensión biblioteca.Tiene funcionalidad para superposiciones que son modales.
ThickBox (ya no desarrollado) me llevó a esta biblioteca que parece funcionar muy bien: