Ventana modal de pantalla completa simple en JavaScript puro-Monolog. js
| Autor: | soywod |
|---|---|
| Views Total: | 2,980 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 15, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Monolog. js es una biblioteca JavaScript simple pero flexible para mostrar una ventana modal personalizable de pantalla completa con fadeIn & animaciones fadeOut.
Funcionamiento
Incluya tanto Monolog. CSS como Monolog. js en la Página Web.
<link rel="stylesheet" href="dist/monolog.css"> <script src="dist/monolog.js"></script>
Cree una nueva instancia modal con contenido personalizado.
var monolog = new Monolog({
content: "I am a modal window"
}); Visualice la ventana modal siempre que lo necesite.
monolog.show();
Más opciones de configuración.
var monolog = new Monolog({
// shows a loader when modal is displayed
loader
: false,
// The modal content. Plain text or HTML.
content: "",
// Display close button
close: true,
// callback function
onOpening: function() {
// do something
},
onOpened: function() {
// do something
},
onClosing: function() {
// do something
},
onClosed : function () {
// do something
}
}); API methods.
// Show the modal monolog.show(); // Hide the modal monolog.hide(); // Close the modal monolog.close(); // Set new modal content monolog.setContent(html)
