Lightbox adaptable ligero en JavaScript puro-modal. js
| Autor: | cloudcmd |
|---|---|
| Views Total: | 723 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 22, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
Modal. js es un plugin de JavaScript ligero vainilla para crear cualquier contenido de ventanas modales al igual que el fancyBox lo hace.
Funcionamiento
Instale & importar.
# NPM $ npm install @cloudcmd/modal --save
import modal from '@cloudcmd/modal';
O cargue el modal. js desde una red CDN.
<script src="https://unpkg.com/@cloudcmd/[email protected]/dist/modal.min.js"></script>
Mostrar cualquier contenido en el modal.
const el = document.createElement('div');
modal.open(el); Mostrar una imagen en el modal.
const img = {
href: '1.jpg',
title: 'Image Title',
};
modal.open([img], {
// options here
}); Available options to customize the modal.
modal.open(el, {
// auto resize for responsive design
autoSize: false,
// helpers
helpers: {},
// modal title
title: ''
}); Event handlers.
modal.open(el, {
beforeShow: noop,
beforeClose: noop,
afterShow: noop,
afterClose: noop,
onOverlayClick: noop
}); Cierre el modal manualmente.
modal.close();
Registro de cambios
03/22/2019
- v2.1.1
