JQuery Modal / Dialog mit Vollbild-Option
-
05-07-2019 - |
Frage
Ich suche einen Jquery modal / Dialog-Plugin für meine Seite zu verwenden, um Inhalte anzuzeigen.
Ich bin derzeit Thickbox, die gut funktioniert, aber es ist noch keine Vollbild-Option, wenn ich sage, dass ich Vollbild füllt meine die gesamten Browser-Fenster.
Kennt jemand einen guten modalen / Dialog Plugins, die Vollbild erweitern kann?
Prost
Eef
Lösung
Thickbox sollte unterstützen, was Sie versuchen, aus dem Kasten heraus zu tun. Sehen Sie diese Forum-Thread rel="nofollow, wobei sie diskutieren die Größe des TB Initialisierung:
TB_height = $(window).height();
Und alternativ ein resize
Ereignishandler Angabe window
eine TB zu aktualisieren, die bereits angezeigt wird.
Wenn Sie sich für eine alternative Plugin suchen, würde ich vorschlagen, suchen in BlockUI , wie die CSS für seine Overlay ist leicht konfigurierbar, und Sie sollten einen Full-size-Dialog erreichen, können durch die Verwendung 100%
für die height
und width
Eigenschaften.
Andere Tipps
Statt window.height, sollten Sie Bildschirmeigenschaften für die Vollbild verwenden.
TB_height = screen.height;
TB_width = screen.width;
Dieses Plugin fancybox , die einen einfachen Code. Sie können im Ereignisfenster Resize und Scroll suchen. sollte die Höhe und Breite Optionen ändern, um die Fenster zu füllen. Es hat einen Fehler, der auf diese Weise festgelegt ist, können Sie diese Zeilen in FancyBox ändern können:
Zeile 432
$(window).unbind("resize scroll", $.fn.fancybox.scrollBox);
line 439
$(window).unbind("resize scroll", $.fn.fancybox.scrollBox);