Carrusel de Imágenes
El componente Carrusel de Imágenes (también llamado "Carrusel Multimedia") es uno de los componentes más utilizados. Rota entre imágenes y videos con efectos de transición profesional.
¿Qué resuelve?
- Contenido visual dinámico: Sin crear múltiples slides manualmente
- Soporta imágenes y videos: Ambos tipos de media
- Efectos profesionales: Fade, slide, zoom
- Total control: Tiempos, transiciones, orden
Preview
┌─────────────────────────────────┐
│ ┌─────────────────────────┐ │
│ │ │ │
│ │ IMAGEN 1 │ │
│ │ │ │
│ └─────────────────────────┘ │
│ │
│ ● ● ● ● ● │
│ ↑ (indica posición) │
└─────────────────────────────────┘
Configuración
Contenido
| Campo | Descripción |
|---|---|
| Imágenes/Videos | Seleccionar de la biblioteca multimedia |
| Título del carrusel | Título opcional |
Tiempo
| Campo | Rango | Recomendado |
|---|---|---|
| Segundos por imagen | 1-120 seg | 5 seg |
Ajuste del Contenido
| Opción | Descripción |
|---|---|
| Llenar (cover) | Recorta bordes para llenar la celda |
| Mostrar todo (contain) | Muestra completa con barras si es necesario |
| Mostrar todo + fondo blur | Imagen completa con fondo difuminado |
| Rellenar celda | Estira para llenar todo |
Efectos de Transición
| Efecto | Descripción |
|---|---|
| Fundido (fade) | Transición suave — recomendado |
| Deslizar (slide) | Movement lateral |
| Zoom | Efecto de zoom de entrada |
Opciones de Video
| Opción | Por defecto |
|---|---|
| Reproducir automáticamente | ✅ |
| Repetir video | ✅ |
| Silenciar videos | ✅ |
| Esperar a que termine antes de avanzar | ✅ |
| Orden aleatorio | ❌ |
Visualización
| Opción | Por defecto |
|---|---|
| Mostrar título | ✅ |
| Contador de imágenes (1/5) | ✅ |
| Indicadores de página | ✅ |
| Descripción de imagen | ✅ |
| Barra de tiempo | ✅ |
Casos de Uso
Comercios
- Fotos de productos destacados
- Imágenes de la tienda
- Equipo de trabajo
Restaurants
- Platos del menú
- Ambiente del restaurant
- Eventos especiales
Hotels
- Habitaciones
- Instalaciones
- Servicios
Cualquier negocio
- Fotos de productos
- Promociones
- Información de marca
Tips
- 5-10 imágenes: El punto ideal para no aburrir
- Fade es más profesional: Evitar transitions aggressivas
- Mismo tamaño: Usar imágenes de dimensiones similares
- Videos cortos: Máximo 15-30 segundos
Recursos Relacionados
- Widget de Clima — Combínalo para variety
- Código QR — Para llamar a acción