iziModal.js - Ein jQuery-Plugin für ein wirklich dynamisches modales Fenster

Die meisten modalen Fenster scheinen zu den Besucher ablenken und ärgern mit Opt-in-Felder und unerwünschte Angebote. Diese Modalitäten übernehmen oft die gesamte Seite, sehen schrecklich aus und bieten keine klare Möglichkeit, das Fenster zu schließen. Gott sei Dank, iziModal.js ist das genaue Gegenteil.

Es ist eines der schlanksten modalen Fenster-Plugins, das ich je gesehen habe, und ich freue mich darauf, wieder mit Modalen zu interagieren.

iziModal.js ist ein jQuery-Plugin also brauchst du eine Kopie der jQuery-Bibliothek damit dies funktioniert. Aber es ist ziemlich leicht und du kannst sogar schließen Sie die Bibliothek extern ein von CDNJS.

Beachten Sie, dass dieses Plugin mitgeliefert wird viel von verschiedenen Optionen. Sie können Optionen an übergeben gestalten Sie die Modalgröße, den Rahmentyp und die Animation. Aber du kannst es auch Callback-Funktionen erstellen wenn der Benutzer ein Modal schließt oder auf ein bestimmtes Element klickt.

Sie können finden viele Beispiele auf CodePen aber ich mag das wirklich Demos gehostet auf der Homepage von iziModal. Überprüfen Sie insbesondere die iframe embed Option wo hat es ein automatischer Vimeo-Player in der modal anstehen.

Das Design ist großartig und der Modal fühlt sich wirklich so an Teil der Schnittstelle. Die Qualität der Animation ist ebenfalls beeindruckend und wird mit allen Mitteln unterstützt CSS3 & jQuery.

Auf der Hauptseite des Plugins finden Sie auch Dokumentationstabellen mit Code-Snippets für jede der verfügbaren Demos. Hier ist das kürzeste Bit Code für ein modales Fenster-Popup verwenden.

 $ (document) .on ('click', '.trigger', function (event) event.preventDefault (); $ ('# modal'). iziModal ('open');); 

Das iziModal () Funktion hat über 45 verschiedene Optionen das kann in übergeben werden Passen Sie das modale Fenster an. Es hat auch benutzerdefinierte Ereignisse das kann Funktionen auslösen Wie wenn ein Modal geöffnet, geschlossen oder als Vollbild angezeigt wird.

Dies ist ein unglaublich umfangreiches Projekt und es ist eines der beliebtesten Plugins für modale Fenster von a Design und Benutzerfreundlichkeit.

Um eine Kopie der Quelle zu erhalten, können Sie entweder ziehe es durch npm oder Download von GitHub. Und wenn Sie Anregungen zu dem Plugin haben oder einfach nur danken möchten, können Sie den Ersteller Marcelo Dolce @marcelodolce twittern.