Carrusel de contenido mínimo con JavaScript puro
| Autor: | wecodeio |
|---|---|
| Views Total: | 2,490 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 19, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
carrusel mínimo es una biblioteca JavaScript libre de dependencias que toma una lista de elementos HTML y los convierte en un carrusel básico con rotación automática.
¿Cómo funciona?
Enlace a minimal-Carousel. js.
<script src="minimal-carousel.js"></script>
Agregue una lista de contenido HTML para el carrusel.
<div class="carousel"> <ul> <li>Slide 1</li> <li>Slide 2</li> <li>Slide 3</li> </ul> </div>
Agregue botones de control a la Página Web.
<div class="button-set"> <button onclick="myCarousel.prev();">prev()</button> <button onclick="myCarousel.stop();">stop()</button> <button onclick="myCarousel.play();">play()</button> <button onclick="myCarousel.next();">next()</button> </div>
Inicialice el carrusel.
var myCarousel = new Carousel();
Opciones de configuración.
new Carousel({
carousel: '.carousel',
delay: 2.5,
autoplay: true
})
