Pure JavaScript/CSS Powered Photo Gallery popup-zoomwall. js
| Autor: | ericleong |
|---|---|
| Views Total: | 3,214 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 16, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
zoomwall. js es una biblioteca de JavaScript para crear una rejilla en miniatura ordenada y compacta que se expande en un lightbox de galería a pantalla completa a medida que hace clic en una imagen en miniatura.
Funcionamiento
Importa la hoja de estilo de zoomwall. CSS requerida en la sección head.
<link rel="stylesheet" href="zoomwall.css">
Importe el script zoomwall. js en el documento, antes de la etiqueta body de cierre.
<script src="zoomwall.js"></script>
Añade miniaturas con Data-highres atributo apuntando a las fotos de alta resolución en tu documento.
<img src="thumb-1" data-highres="highres-1.jpg"> <img src="thumb-2" data-highres="highres-2.jpg"> <img src="thumb-3" data-highres="highres-3.jpg"> <img src="thumb-4" data-highres="highres-4.jpg"> ...
Inicializar la galería de fotos.
window.onload = function() {
zoomwall.create(document.getElementById('zoomwall'), true);
};
