Secuencia básica de imágenes cruzadas/diapositivas con vanilla JavaScript-Cycle. js
| Autor: | packofbadgers |
|---|---|
| Views Total: | 1,848 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 24, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Cycle. js es una librería JavaScript Pure Vanilla que te permite recorrer infinitamente una lista de imágenes con un efecto crossfade.
Funcionamiento
Cargue el script Cycle. js en el documento.
<script src="path/to/image-cycle.js"></script>
Inserte una lista de imágenes en el documento y use atributo Data-* para establecer las opciones para cada instancia.
<ul class="image-cycle" data-target="li" data-interval="2500" data-width="300" data-speed="1000"> <li class="active" ><img src="1.jpg"/></li> <li><img src="2.jpg" /></li> <li><img src="3.jpg" /></li> </ul>
Inicializar el carrusel/presentación de imágenes.
var ex1 = new Cycle('.image-cycle'); Registro de cambios
03/24/2016
- actualizar
