En la documentacion oficial se encuentra en la seccion JavaScript/carrusel
Como siempre que usemos JavaScript hay que inicializarlos con el script
correspondiente
Para crear el carrusel hay que crear un div con la clase caruusel y carrusel-slider
Cada elemento del carrusel va a ser un ancla con la clase carrusel-item. En el href
podemos poner el enlace a donde nos dirijira, y dentro del ancla crearemos una imagen.
Es importante que todas las imagenes tengan el mismo tamaño
Hay diferentes opciones de configaracion que se añadiran en el excript, en la variable instances
| Name | Type | Default | Description |
|---|---|---|---|
| duration | Number | 200 | Duracion de la transicion en milisegundos. |
| dist | Number | -100 | Perspective zoom. If 0, all items are the same size. |
| shift | Number | 0 | Set the spacing of the center item. |
| padding | Number | 0 | Set the padding between non center items. |
| numVisible | Number | 5 | Establece el numero de elementos visibles |
| fullWidth | Boolean | false | Hace que el carrusel sea un deslizador de ancho completo. |
| indicators | Boolean | false | Con true muestra el indicador de elementos. |
| noWrap | Boolean | false | Los elementos no hacen bucle. |
| onCycleTo | Function | null | Callback for when a new slide is cycled to. |