Lightbox de imagen pequeña en Pure JS-Ovrly
| Autor: | dirkeinecke |
|---|---|
| Views Total: | 468 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 31, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
Ovrly is a lightweight, CSS-less JavaScript lightbox library used to display images in a responsive modal popup while preventing body scroll.
Funcionamiento
Inserte la biblioteca Ovrly en el documento HTML.
<script src="/dist/js/ovrly.js"></script>
Agregue un vínculo que apunte a la imagen original que se mostrará en el cuadro de luz cuando se hace clic.
<a href="https://source.unsplash.com/random/800x600" target="_blank" onclick="return ovrly(this);"><img src="https://source.unsplash.com/random/800x600" alt=""></a>
Override the default styles of the background overlay.
#ovrly {
background-color:rgba(0,0,0,.8);
text-align:center;
box-sizing:border-box;
padding:50px;
/* more styles here */
} Registro de cambios
01/31/2019
- v1.1.0
01/28/2019
- contenido de la página web idiotas cuando se abre la imagen-para-WordPress-archivo-descargar
01/25/2019
- cerrar automáticamente al desplazarse
