iziModal.js - Un plugin jQuery de fenêtre modale véritablement dynamique

La plupart des fenêtres modales semblent distraire et ennuyer le visiteur avec champs opt-in et offres indésirables. Ces modaux occupent souvent toute la page, ont un aspect terrible et n'offrent pas un moyen clair de fermer la fenêtre. Heureusement, iziModal.js est l'exact opposé.

C'est l'un des plugins de fenêtre modale les plus élégants que j'ai jamais vu et cela me rend heureux d'interagir à nouveau avec les modaux.

iziModal.js est un plugin jQuery donc vous avez besoin une copie de la bibliothèque jQuery pour que cela fonctionne. Mais c'est assez léger et vous pouvez même inclure la bibliothèque à l'extérieur de CDNJS.

Notez que ce plugin est livré avec beaucoup de différentes options. Vous pouvez transmettre des options à style la taille modale, le type d'image et l'animation. Mais vous pouvez aussi créer des fonctions de rappel si l'utilisateur ferme un modal ou clique sur un élément spécifique.

Tu peux trouver plein d'exemples sur CodePen mais j'aime vraiment le démos hébergées sur la page d'accueil d'iziModal. Plus précisément, consultez le option d'intégration iframe où il a un lecteur Vimeo à lecture automatique mis en file d'attente dans le modal.

Le design est magnifique et le modal donne vraiment l'impression d'être une partie de l'interface. La qualité de l'animation est également impressionnante, et tout est alimenté par CSS3 & jQuery.

Sur la page principale du plugin, vous trouverez également tables de documentation avec des extraits de code pour chacune des démos disponibles. Voici le plus petit morceau de code utiliser pour un popup de fenêtre modale.

 $ (document) .on ('cliquez', '.trigger', fonction (événement) event.preventDefault (); $ ('# modal'). iziModal ('open');); 

le iziModal () la fonction a plus de 45 options différentes qui peut être transmis à personnaliser la fenêtre modale. Cela a aussi événements personnalisés qui peut fonctions de déclenchement comme lorsqu'un modal ouvre, ferme ou passe en plein écran.

C’est un projet incroyablement gigantesque et c’est facilement l’un de mes plugins de fenêtres modales préférés d’un point de vue de la conception et de la convivialité.

Pour récupérer une copie de la source, vous pouvez soit tirez à travers npm ou télécharger depuis GitHub. Et si vous avez des suggestions sur le plugin ou si vous souhaitez simplement partager vos remerciements, vous pouvez tweeter le créateur Marcelo Dolce @marcelodolce.