iziModal.js - Un plugin jQuery de la ventana modal verdaderamente dinámico
La mayoría de las ventanas modales parecen distraer y molestar al visitante con campos opt-in y ofertas no deseadas. Estos modales a menudo toman el control de toda la página, se ven terribles y no ofrecen una forma clara de cerrar la ventana. Agradecidamente, iziModal.js es exactamente lo contrario.
Es uno de los complementos de ventana modales más elegantes que he visto y me emociona volver a interactuar con los modales..
iziModal.js es un plugin jQuery así que necesitas una copia de la biblioteca jQuery para que esto funcione Pero es bastante ligero y puedes incluso incluir la biblioteca externamente de CDNJS.
Tenga en cuenta que este complemento viene con mucho de diferentes opciones. Puedes pasar en opciones a Estilo del tamaño modal, tipo de cuadro y animación.. Pero también puedes crear funciones de devolución de llamada Si el usuario cierra un modal o hace clic en un elemento específico.
Puedes encontrar muchos ejemplos en CodePen pero me gusta mucho la Demostraciones alojadas en la página de inicio de iziModal.. Específicamente, echa un vistazo a la opción iframe incrustado donde tiene un reproductor vimeo de reproducción automática en cola en el modal.
El diseño es magnífico y el modal realmente se siente como si fuera parte de la interfaz. La calidad de la animación también es impresionante, y todo está potenciado con CSS3 y jQuery.
En la página principal del plugin, también encontrarás Tablas de documentación con fragmentos de código. Para cada una de las demos disponibles. Aquí está el bit más corto de código utilizar para una ventana emergente modal.
$ (document) .on ('click', '.trigger', function (event) event.preventDefault (); $ ('# modal'). iziModal ('open');); los iziModal () la función tiene más de 45 opciones diferentes que se puede pasar a personalizar la ventana modal. También tiene eventos personalizados eso puede funciones de disparo Me gusta cuando un modal se abre, se cierra o sale a pantalla completa..
Este es un proyecto increíblemente masivo y es fácilmente uno de mis complementos de ventana modales favoritos de un Punto de vista de diseño y usabilidad..
Para obtener una copia de la fuente, puede: pasarlo a través de npm o descargar desde GitHub. Y si tienes sugerencias sobre el complemento o simplemente quieres compartir tus agradecimientos, puedes twittear al creador Marcelo Dolce @marcelodolce.
