Carousel

Presenta una serie de imágenes o textos en un espacio limitado

Uso básico

Motion blur 2.6.0

Add motion blur to infuse dynamism and smoothness into the carousel.

Indicadores

Los indicadores pueden mostrarse fuera del carrusel

Flechas

Puede definir cuando se visualizan las flechas

Altura automática

Cuando el height de carousel se establece en auto, la altura del carousel se establecerá automáticamente según la altura de cada elemento del carousel

Modo Card

Cuando una página es suficientemente ancha, pero tiene una altura limitada, puede activar el modo card para carrusel

Vertical

Por defecto, direction es horizontal. El carrusel puede ser mostrado de forma vertical cambiando direction a vertical.

Atributos del carrusel

Nombre	Descripción	Tipo	Valores Aceptados	Por defecto
height	altura del carrusel	string	—	—
initial-index	índice del slider inicial activo (empieza desde 0)	number	—	0
trigger	cómo se activan los indicadores	string	hover/click	hover
autoplay	si los sliders hacen el bucle de forma automática	boolean	—	true
interval	intervalo del bucle automático, en milisegundos	number	—	3000
indicator-position	posición de los indicadores	string	outside/none	—
arrow	cuando se muestran las flechas	string	always/hover/never	hover
type	tipo de carrusel	string	card	—
loop	si se muestra en bucle	boolean	-	true
direction	dirección en la que se muestra el contenido	string	horizontal/vertical	horizontal
pause-on-hover	si se pausa el bucle automático cuando el ratón pase sobre el carrusel	boolean	-	true
motion-blur 2.6.0	infuse dynamism and smoothness into the carousel	boolean	-	false

Eventos de Carrusel

Nombre	Descripción	Parámetros
change	se dispara cuando el slider activo cambia	índice del nuevo slider activo, índice del anterior slider activo

Métodos de Carrusel

Método	Descripción	Parámetros
setActiveItem	cambia el slider manualmente	índice del slider al que se va a cambiar, empezando por 0; o el `name` del `el-carousel-item` correspondiente
prev	cambia al slider anterior	—
next	cambia al slider siguiente	—