¿Cómo puedo crear una superposición de iframe estilo Netflix sin una enorme biblioteca de JavaScript?

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

  •  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.­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­

¿Fue útil?

Solución

Quizás quieras consultar una antigua biblioteca JS que escribí, llamada submodal.

Fácil de entender y modificar.Ir a la ciudad ;)

Una vez que lo hayas modificado, usa Minimizar en combinación con gzip en su servidor.El tamaño de la biblioteca será diminuto.

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:

http://fancybox.net

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top