Wie erstelle ich ein Netflix-Style iframe-Overlay ohne eine riesige JavaScript-Bibliothek?

Question

Ich versuche, einen Link zu verwenden, um ein Overlay zu öffnen, anstatt in einem separaten Popup-Fenster. Dieses Overlay sollte aus einer halbtransparenten Div-Schicht bestehen, die verhindert, dass auf den gesamten Bildschirm geklickt wird. Ich habe auch vor, zu diesem Zeitpunkt das Scrollen zu deaktivieren. Egal, wo Sie sich auf der Hauptseite befinden, wenn der Link angeklickt wird, sollte das Overlay in der Mitte der X- und Y-Ursprünge des Bildschirms stehen. Innerhalb dieser Overlay-Div sollte ein iframe konfiguriert werden, sodass 3 Größen von Inhalten geladen werden können.

Answer 1

ThickBox (nicht mehr entwickelt) hat mich zu dieser Bibliothek geführt, die anscheinend sehr gut funktioniert:

http://fancybox.net