Patrones de sliders
Cinco configuraciones del bloque slider nativo (Splide.js): bucle, fundido, contenido alineado, sin overlay, manual.
Bienvenido
Slider en bucle automático
Tres slides a pantalla completa con overlay, título, subtítulo y botón.
Rendimiento
Transiciones fluidas
Tipo loop, autoplay 5s, navegación con flechas + paginación.
A medida
Totalmente configurable
Todo se ajusta desde el panel del bloque slider.
Efecto fundido
Transición de fundido
Tipo fade: las slides se funden una en otra.
Elegante
Overlay reforzado
Overlay a 0.55 para un contraste fuerte sobre el texto.
Inmersivo
Pantalla completa
Ideal para una página de inicio depurada.
Contenido a la izquierda
Alineación personalizada
contentAlign left + textAlign left para un encuadre editorial.
Legible
Ancho de contenido controlado
El texto se mantiene en un ancho legible.
Flexible
Todas las alineaciones
Alineación horizontal, vertical y de texto, independientes.
Sin overlay
Imágenes destacadas
overlayEnabled false: la imagen no se oscurece.
Solo paginación
Flechas ocultas
arrows false, pagination true — navegación por puntos.
Depurado
Minimalista
Perfecto para una galería de fotos.
Modo manual
Sin autoplay
autoplay false: el usuario controla la navegación.
Contenido abajo
Alineación vertical
contentVerticalAlign bottom para anclar el texto.
Con teclado
Accesible
Navegación con flechas de teclado activada.