Visor de imágenes con función táctil en JavaScript puro-View-bigimg
| Autor: | newming |
|---|---|
| Views Total: | 1,340 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 10, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
view-bigimg is a JavaScript library which displays your image in a lightbox popup, with the capability of touch-friendly image zooming and image panning.
Funcionamiento
Importe la vista-JavaScript y la hoja de estilos de bigimg en el documento HTML.
<link rel="stylesheet" href="/lib/view-bigimg.css"> <script src="/lib/view-bigimg.js"></script>
Inicializar el visor de imágenes y estamos listos para ir.
var viewer = new ViewBigimg()
Inserte la versión pequeña de su imagen en la Página Web.
<div id='wrap'> <img src="images/demo.jpg" alt="image"> </div>
Habilite el visor de imágenes en todas las imagenes dentro del contenedor ' Wrap '.
var wrap = document.getElementById('wrap')
wrap.onclick = function (e) {
if (e.target.nodeName === 'IMG') {
// viewer.show(e.target.src.replace('.jpg', '-big.jpg'))
viewer.show(e.target.src)
}
} Registro de cambios
07/10/2018
- arreglar isPassive bug
