Biblioteca de JavaScript de visor de imágenes de pantalla completa-imagenes intensas
| Autor: | tholman |
|---|---|
| Views Total: | 3,664 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 14, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Intense Images es un visor de imágenes JavaScript que le permite mostrar la versión grande de una imagen en una pantalla completamente completa con la interacción del ratón.
Funcionamiento
Incluya el necesario Intense. js en el documento.
<script src="intense.js"></script>
Inserte una imagen en el documento utilizando la etiqueta IMG o el elemento DIV con el atributo "Data-Image".
<img class="demo" src="img/1.jpg"> <!-- OR --> <div class="demo" data-image="img/1.jpg">
Añada el título y la leyenda sobre la imagen utilizando los atributos ' Data-title ' y ' Data-Caption ' en la etiqueta IMG o DIV.
<div class="demo" data-image="1.jpg" data-title="Image Title" data-caption="Image Catpion"> </div>
Active el visor de imágenes con un poco de JavaScript.
window.onload = function() {
var elements = document.querySelectorAll( '.demo' );
Intense( elements );
} Registro de cambios
v1.0.7 (06/14/2018)
- Dirección de interacción inversa con el tacto
