Biblioteca de carrusel genérica de JavaScript puro-pureJSCarousel
| Autor: | vadymshymk |
|---|---|
| Views Total: | 2,703 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 28, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
pureJSCarousel es una biblioteca de JavaScript puro para generar un carrusel de contenido suave, configurable y táctil de un conjunto de elementos HTML.
Funcionamiento
Inserte un conjunto de contenido HTML en el carrusel.
<div class="carousel"> <div>Slide 1</div> <div>Slide 2</div> <div>Slide 3</div> ... </div>
Incluya el Pure-JS-Carousel. js en la parte inferior de la página HTML.
<script src="js/pure-js-carousel.js"></script>
Inicializar el carrusel de contenido.
pureJSCarousel({
container: '.carousel'
}); Estilos CSS requeridos.
.pure-js-carousel-container {
overflow: hidden;
}
.pure-js-carousel-item {
float: left;
} Opciones disponibles.
// child elements item: 'div' // display next / prev buttons nextBtn: false prevBtn: false // infinite loop infinite: false // scroll elements one by one scrollingOneByOne: false // animation speed speed: 500 // transition effect effect: 'ease' // transition delay delay: 0 // events onScrollStart: false onScrollEnd: false
