Galería de estilo acordeón con JavaScript puro-armónica
| Autor: | NicasHeydorn |
|---|---|
| Views Total: | 1,535 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 1, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Harmonica es un módulo de JavaScript minimalista ligero que se utiliza para crear una galería de imágenes superpuestas (o cualquier contenido HTML) que permite al visitante expandir & contraer cada imagen como un acordeón.
Funcionamiento
Incluya el script Harmonica. js en la Página Web.
<script src="harmonica.js"></script>
Agregue contenido a la galería.
<div class="harmonica"> <img src="1.jpg"> <div>Also supports inline elements</div> <img src="2.jpg> <p>Text here</p> <img src="3.jpg"> </div>
Inicializar la galería en el documento listo.
window.onload = function() {
// Harmonica(container, options)
var harmonica = new Harmonica('.harmonica');
} Opciones predeterminadas.
- offset: distancia entre elementos superpuestos. Predeterminado: el primer elemento es totalmente visible, el espacio restante del contenedor se corta por igual.
- slideCallback: función a la que se llama cuando un elemento se ha desgastado. El elemento y la dirección se pasan como argumentos.
- zOffset: un valor entero para agregar sobre el índice z de los elementos, para evitar la colisión con los elementos circundantes.
