Sistema de Slider de Fotos - Postea.la - Postea.la Documentación
Funcionalidades

Sistema de Slider de Fotos - Postea.la

**Fecha:** Diciembre 2025

Sistema de Slider de Fotos - Postea.la

Resumen Funcional para NotebookLM

Fecha: Diciembre 2025
Objetivo: Documentación funcional del sistema de presentación automática de fotos tipo slideshow para eventos
Tipo:CARACTERÍSTICA PREMIUM (Plan Basic o superior)

⚠️ IMPORTANTE: Este sistema es SOLO PARA FOTOS. No reproduce videos, únicamente muestra imágenes estáticas en una presentación automática tipo slideshow.


🚀 ¿Cómo acceder a esta funcionalidad?

Navegación desde el Panel de Administración:

1. Inicia sesión en tu cuenta de Postea.la
   ↓
2. Entra a tu Panel de Administración
   ↓
3. Selecciona un evento desde el selector de eventos (arriba del sidebar)
   💡 IMPORTANTE: Debes seleccionar un evento primero
   ↓
4. Una vez seleccionado el evento, las opciones del menú se habilitan
   ↓
5. En el menú lateral (sidebar), expande la categoría "Contenido"
   ↓
6. Selecciona "Slider de Fotos"
   ↓
7. El sistema verifica automáticamente si el evento seleccionado tiene acceso:
   ↓
   SI EL EVENTO NO TIENE ACCESO:
   - Verás un mensaje indicando que esta función no está disponible
   - Se te informará que es exclusiva de planes premium
   - El evento necesita tener un plan que incluya esta función
   ↓
   SI EL EVENTO TIENE ACCESO:
   - El sistema carga automáticamente todas las fotos activas del evento
   ↓
8. Antes de proyectar, personaliza la presentación:
   - Elige el tema visual (Negro elegante / Crema suave / Blanco limpio)
   - Decide si quieres ocultar los controles de navegación
   - Activa o desactiva las miniaturas en la parte inferior
   - Configura cada cuántos segundos cambia la foto (5, 10, 15 segundos)
   ↓
9. Click en "Iniciar Presentación"
   ↓
10. La presentación se abre en pantalla completa
    ↓
11. Las fotos cambian automáticamente sin que tengas que hacer nada
    ↓
12. Puedes controlar con el teclado:
    - Flechas: Avanzar o retroceder manualmente
    - Barra espaciadora: Pausar/Reanudar
    - ESC: Salir de pantalla completa

¿Quién puede usar esta función?

Disponible para: Usuarios con Plan Basic o superior
Activación: Se activa automáticamente al contratar el plan
Flexibilidad: El administrador puede habilitar/deshabilitar esta función por evento si lo necesitas


🎯 ¿Qué es este sistema?

Es una herramienta que convierte únicamente las fotos de tu evento en una presentación automática profesional a pantalla completa, ideal para proyectar en televisores, monitores o pantallas grandes durante el evento o en la recepción.

⚠️ ACLARACIÓN IMPORTANTE: El slider solo muestra fotos (imágenes estáticas). No reproduce videos. Si tus invitados subieron videos al evento, estos no aparecerán en el slider - únicamente las fotografías.

Problema que resuelve

Cuando tienes un evento grande y quieres mostrar las fotos en tiempo real en una pantalla.

Sin slider de fotos:

  • ❌ Tienes que cambiar fotos manualmente
  • ❌ Difícil proyectar en pantallas grandes
  • ❌ No hay forma automática de rotar las fotos
  • ❌ Presentación poco profesional
  • ❌ Alguien debe estar operando la computadora
  • ❌ No puedes personalizar la apariencia

Con slider de fotos:

  • ✅ Presentación automática sin intervención humana
  • ✅ Pantalla completa profesional
  • ✅ Cambia fotos automáticamente cada X segundos
  • ✅ Personaliza el tema (negro, crema, blanco)
  • ✅ Controla qué elementos mostrar u ocultar
  • ✅ Recarga automática para mostrar fotos nuevas
  • ✅ Navegación con teclado (flechas, ESC, espacio)

🔍 ¿Cómo funciona?

El proceso completo:

1. Organizador entra a "Slider de Fotos" en el admin
   ↓
2. Selecciona el evento del que quiere hacer el slider
   ↓
3. Sistema carga la sección de configuración del slider
   ↓
4. **NUEVO:** Elige la fuente de fotos para el slider:
   
   OPCIÓN A: "Fotos subidas por invitados"
   - Sistema carga todas las FOTOS activas que subieron los invitados
   - (⚠️ Solo fotos - Los videos no se incluyen)
   - Orden: Por fecha de subida
   - Cantidad: Variable según cuántas fotos subieron
   
   OPCIÓN B: "Álbum personalizado" (Plan Profesional/Platinum)
   - Sistema muestra lista de álbumes personalizados disponibles
   - Organizador selecciona el álbum específico
   - Sistema carga las fotos del álbum en el orden definido
   - Cantidad: Hasta 50 fotos seleccionadas por el organizador
   - ℹ️ Ver "Álbumes del Anfitrión" para más info sobre esta función
   ↓
5. Configura opciones de visualización:
   - Tema visual (Negro/Crema/Blanco)
   - Ocultar controles (ON/OFF)
   - Mostrar miniaturas (ON/OFF)
   - Velocidad de cambio (2s - 30s)
   ↓
6. Ve el contador de fotos disponibles:
   - "250 fotos disponibles (Invitados)"
   - o "45 fotos disponibles (Álbum personalizado)"
   ↓
7. Click en "✨ Ver Slider en Pantalla Completa"
   ↓
8. Se abre en ventana nueva a pantalla completa
   ↓
9. Fotos rotan automáticamente según configuración
   ↓
10. Sistema recarga automáticamente para mostrar fotos nuevas (si hay)

Analogía del mundo real:

Es como un marco digital inteligente profesional:

  • Muestra fotos automáticamente
  • Cambia cada X segundos
  • Puedes elegir el estilo visual
  • Funciona solo, sin supervisión
  • Se actualiza automáticamente cuando hay fotos nuevas
  • Control total con el teclado

🎨 Temas Visuales Disponibles

El slider ofrece 3 temas para diferentes estilos de evento:

1. Fondo Negro (Dark) 🌑

Descripción: Elegante y moderno

Cuándo usarlo:

  • ✅ Eventos nocturnos
  • ✅ Bodas elegantes
  • ✅ Presentaciones profesionales
  • ✅ Ambientes con poca luz
  • ✅ Estilo cinematográfico

Apariencia:

┌────────────────────────────────────────┐
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│ ← Negro puro
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│
│■■■■■■■    [FOTO]    ■■■■■■■■■■■■■■■■■│ ← Foto resalta
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│
│ [miniatura][miniatura][miniatura]      │ ← Miniaturas abajo
└────────────────────────────────────────┘
Texto en blanco, contraste alto

2. Fondo Crema (Cream) 🌾

Descripción: Cálido y suave

Cuándo usarlo:

  • ✅ Bodas vintage o rústicas
  • ✅ Eventos diurnos
  • ✅ Baby showers
  • ✅ Eventos familiares cálidos
  • ✅ Estilo romántico

Apariencia:

┌────────────────────────────────────────┐
│▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒│ ← Beige/Crema
│▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒│
│▒▒▒▒▒▒    [FOTO]    ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒│ ← Cálido y acogedor
│▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒│
│▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒│
│ [miniatura][miniatura][miniatura]      │
└────────────────────────────────────────┘
Texto en marrón suave, sin cansar la vista

3. Fondo Blanco (White) ☀️

Descripción: Limpio y minimalista

Cuándo usarlo:

  • ✅ Eventos corporativos
  • ✅ Lanzamientos de productos
  • ✅ Conferencias
  • ✅ Estilo minimalista moderno
  • ✅ Ambientes muy iluminados

Apariencia:

┌────────────────────────────────────────┐
│                                        │ ← Blanco puro
│                                        │
│        [FOTO]                          │ ← Limpio y espacioso
│                                        │
│                                        │
│ [miniatura][miniatura][miniatura]      │
└────────────────────────────────────────┘
Texto en gris oscuro, máxima claridad

🎛️ Opciones de Visualización

1. Ocultar Controles 🙈

¿Qué hace?

  • ON (activado): Oculta TODOS los controles visuales
  • OFF (desactivado): Muestra controles de navegación

Elementos que se ocultan cuando está ON:

  • Botón "Cerrar" (X)
  • Contador "5 / 123" (foto actual / total)
  • Botones "←" y "→" de navegación

Cuándo activarlo:

Activar (ON) cuando:

  • Proyección profesional sin interrupciones visuales
  • Evento formal donde no quieres distracciones
  • Presentación automática pura
  • En recepción o lobby sin operador
  • Quieres estética ultra-limpia

Desactivar (OFF) cuando:

  • Necesitas control manual ocasional
  • Alguien estará operando el slider
  • Quieres que los usuarios puedan navegar
  • Testing o configuración inicial

Ejemplo visual:

CONTROLES OCULTOS (ON):
┌────────────────────────────────────────┐
│                                        │
│                                        │
│            [FOTO SOLA]                 │
│                                        │
│                                        │
│ [miniaturas abajo]                     │
└────────────────────────────────────────┘
Ultra limpio, sin distracciones

CONTROLES VISIBLES (OFF):
┌────────────────────────────────────────┐
│ [X]                          [5 / 123] │ ← Cerrar y contador
│                                        │
│    [←]    [FOTO]    [→]                │ ← Navegación
│                                        │
│                                        │
│ [miniaturas abajo]                     │
└────────────────────────────────────────┘
Con controles para navegación manual

2. Mostrar Miniaturas 🖼️

¿Qué hace?

  • ON (activado): Muestra carrusel de miniaturas abajo + info del usuario
  • OFF (desactivado): Solo la foto principal, sin miniaturas ni info

Elementos que se muestran cuando está ON:

  • Carrusel horizontal de miniaturas en la parte inferior
  • Nombre del usuario que subió la foto
  • Fecha y hora de subida
  • Miniatura activa resaltada

Cuándo activarlo:

Activar (ON) cuando:

  • Quieres navegación rápida entre fotos
  • Evento interactivo con operador presente
  • Testing y configuración
  • Quieres mostrar quién subió cada foto
  • Presentación con contexto

Desactivar (OFF) cuando:

  • Proyección ultra-minimalista
  • Pantalla pequeña (las miniaturas ocupan espacio)
  • Solo quieres las fotos, sin contexto
  • Eventos muy formales
  • Máxima simplicidad visual

Ejemplo visual:

MINIATURAS ACTIVADAS (ON):
┌────────────────────────────────────────┐
│                                        │
│          [FOTO PRINCIPAL]              │
│                                        │
│  📷 Juan Pérez  🕐 20/12/2025 18:30    │ ← Info del usuario
├────────────────────────────────────────┤
│[📷][📷][📷][📷][📷][📷][📷][📷][📷]    │ ← Carrusel
│         ▲ activa                       │
└────────────────────────────────────────┘

MINIATURAS DESACTIVADAS (OFF):
┌────────────────────────────────────────┐
│                                        │
│                                        │
│          [FOTO PRINCIPAL]              │
│                                        │
│                                        │
│                                        │
└────────────────────────────────────────┘
Solo la foto, sin nada más

3. Fuente de Fotos 📸 NUEVO

¿Qué hace?
Permite elegir de dónde vienen las fotos que se proyectan en el slider.

Opciones disponibles:

OPCIÓN A: Fotos subidas por invitados (Predeterminado)

Descripción:

  • Muestra todas las fotos que los invitados subieron al evento
  • Orden: Por fecha de subida (las más recientes primero)
  • Cantidad: Variable según cuántas fotos suban los invitados
  • Calidad: Mixta (fotos casuales de celulares)

Cuándo usarla:

Usar cuando:

  • Quieres engagement de los invitados
  • Evento informal o familiar
  • No tienes fotógrafo profesional
  • Quieres ver fotos espontáneas en tiempo real
  • Contenido generado por usuarios

Ejemplo:

Fuente: Fotos de invitados
┌────────────────────────────────────────┐
│ 250 fotos disponibles (Invitados)     │
│                                        │
│ Fotos aleatorias de los invitados     │
│ que cambian constantemente             │
│ mientras más suben fotos               │
└────────────────────────────────────────┘

OPCIÓN B: Álbum personalizado ⭐ (Plan Profesional/Platinum)

Descripción:

  • Muestra fotos profesionales seleccionadas por el organizador
  • Orden: Definido manualmente por el organizador
  • Cantidad: Hasta 50 fotos por álbum (calidad sobre cantidad)
  • Calidad: Alta (fotos profesionales o seleccionadas)

Requisitos:

  • Plan Profesional (Advanced): 1 álbum
  • Plan Platinum: Hasta 3 álbumes
  • Debes haber creado álbumes en "Álbumes del Anfitrión"

Cómo funciona:

1. Selecciona "Álbum personalizado"
   ↓
2. Aparece selector con tus álbumes disponibles:
   ┌────────────────────────────────────────┐
   │ Seleccionar álbum                      │
   ├────────────────────────────────────────┤
   │ ○ Ceremonia (45 fotos)                 │
   │ ○ Recepción (38 fotos)                 │
   │ ○ Sesión de Fotos (50 fotos)           │
   └────────────────────────────────────────┘
   ↓
3. Seleccionas el álbum que quieres proyectar
   ↓
4. Sistema carga las fotos en el orden que definiste
   ↓
5. Contador muestra: "45 fotos disponibles (Álbum personalizado)"

Cuándo usarla:

Usar cuando:

  • Tienes fotógrafo profesional
  • Quieres control total del contenido
  • Evento formal o corporativo
  • Necesitas calidad garantizada
  • Quieres mostrar solo las mejores fotos
  • Evento con múltiples momentos (ceremonias, recepciones)

No disponible cuando:

  • Tienes Plan Free o Basic
  • No has creado álbumes personalizados
  • El álbum no tiene fotos activas

Ejemplo:

Fuente: Álbum personalizado
┌────────────────────────────────────────┐
│ 45 fotos disponibles                   │
│ (Álbum personalizado)                  │
│                                        │
│ Fotos profesionales seleccionadas      │
│ en el orden que tú definiste           │
│ Calidad garantizada                    │
└────────────────────────────────────────┘

Ventajas de usar álbumes personalizados:

  • ✅ Control total del contenido (sin sorpresas)
  • ✅ Calidad profesional garantizada
  • ✅ Orden cronológico o narrativo
  • ✅ Múltiples álbumes para diferentes momentos del evento
  • ✅ Hasta 50 fotos perfectamente seleccionadas
  • ✅ Sin fotos inapropiadas o de baja calidad

ℹ️ Más información:
Para aprender cómo crear y gestionar álbumes personalizados, consulta: "Álbumes del Anfitrión" en la documentación funcional.


4. Velocidad de Cambio ⏱️

¿Qué hace?
Controla cada cuántos segundos cambia automáticamente a la siguiente foto.

Opciones disponibles:

  • 2 segundos - Muy rápido (para muchas fotos)
  • 3 segundos - Rápido
  • 5 segundos - Estándar (predeterminado) ⭐
  • 7 segundos - Medio
  • 10 segundos - Pausado
  • 15 segundos - Lento
  • 20 segundos - Muy lento
  • 30 segundos - Ultra lento (para ver detalles)

Recomendaciones por cantidad de fotos:

┌──────────────────┬─────────────┬───────────────────────┐
│ Cantidad Fotos   │ Velocidad   │ Razón                 │
├──────────────────┼─────────────┼───────────────────────┤
│ 20-50 fotos      │ 10-15s      │ Evitar repetición     │
│                  │             │ muy frecuente         │
├──────────────────┼─────────────┼───────────────────────┤
│ 50-100 fotos     │ 5-7s        │ Balance perfecto      │
├──────────────────┼─────────────┼───────────────────────┤
│ 100-300 fotos    │ 3-5s        │ Rotar más rápido      │
├──────────────────┼─────────────┼───────────────────────┤
│ 300+ fotos       │ 2-3s        │ Mostrar variedad      │
└──────────────────┴─────────────┴───────────────────────┘

Ejemplo de duración completa:

Evento con 100 fotos a 5 segundos cada una:
100 fotos × 5 segundos = 500 segundos = 8.3 minutos

Luego vuelve a empezar (loop infinito)

💡 Casos de Uso Reales

Caso 1: Boda de 200 Invitados - Pantalla en Recepción

Situación:
María tiene su boda con 200 invitados. Quiere poner una pantalla en la recepción mostrando fotos que los invitados van subiendo en tiempo real.

Configuración:

Evento: Mi Boda 2025
Fotos disponibles: 150 fotos

📐 CONFIGURACIÓN:
┌─────────────────────────────────────┐
│ 🎨 Tema: Fondo Negro               │ ← Elegante
│ 🙈 Ocultar Controles: ✅ ON         │ ← Sin distracciones
│ 🖼️ Mostrar Miniaturas: ✅ ON        │ ← Ver quién subió
│ ⏱️ Velocidad: 5 segundos            │ ← Balance perfecto
└─────────────────────────────────────┘

Resultado:

┌─────────────────────────────────────┐
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│
│■■■■■  [Foto de la ceremonia]  ■■■■■│
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│
│ 📷 Tía Rosa  🕐 18:45              │
│[📷][📷][📷][📷][📷][📷][📷]         │
└─────────────────────────────────────┘

- Cambia cada 5 segundos
- Muestra nombre del invitado
- Sin botones que distraigan
- Loop infinito
- Se actualiza automáticamente cada ciclo

Ventaja: Los invitados ven sus propias fotos en la pantalla grande, creando engagement.


Caso 2: Evento Corporativo - Presentación de Cierre

Situación:
Empresa termina su conferencia anual y quiere proyectar las mejores fotos del día mientras la gente sale.

Configuración:

Evento: Conferencia 2025
Fotos disponibles: 80 fotos

📐 CONFIGURACIÓN:
┌─────────────────────────────────────┐
│ 🎨 Tema: Fondo Blanco              │ ← Profesional
│ 🙈 Ocultar Controles: ✅ ON         │ ← Limpio
│ 🖼️ Mostrar Miniaturas: ❌ OFF       │ ← Minimalista
│ ⏱️ Velocidad: 7 segundos            │ ← Pausado
└─────────────────────────────────────┘

Resultado:

┌─────────────────────────────────────┐
│                                     │
│                                     │
│     [Foto del keynote speaker]     │
│                                     │
│                                     │
│                                     │
└─────────────────────────────────────┘

- Súper limpio, sin nada extra
- Cambia cada 7 segundos
- Fondo blanco profesional
- Sin nombres ni miniaturas

Ventaja: Proyección ultra profesional sin distracciones, ideal para eventos corporativos.


Caso 3: Boda Elegante con Álbum Profesional ⭐ NUEVO

Situación:
María se casa y contrató fotógrafo profesional. Quiere proyectar solo las mejores fotos de la ceremonia durante la recepción, no fotos casuales de invitados.

Configuración:

Evento: Boda María & Juan
Fuente: Álbum personalizado → "Ceremonia" (45 fotos)

📐 CONFIGURACIÓN:
┌─────────────────────────────────────┐
│ 📸 Fuente: Álbum "Ceremonia"       │ ← Fotos profesionales
│ 🎨 Tema: Fondo Negro               │ ← Elegante
│ 🙈 Ocultar Controles: ✅ ON         │ ← Sin distracciones
│ 🖼️ Mostrar Miniaturas: ❌ OFF       │ ← Limpio
│ ⏱️ Velocidad: 6 segundos            │ ← Contemplativo
└─────────────────────────────────────┘

Resultado:

┌─────────────────────────────────────┐
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│
│■■■  [Foto profesional ceremonia]■■■│
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│
└─────────────────────────────────────┘

- Solo fotos del fotógrafo profesional
- Orden cronológico de la ceremonia
- Calidad garantizada (HD)
- Sin fotos casuales de invitados
- Experiencia premium

Ventaja: Control total del contenido. Los invitados ven solo fotos profesionales de alta calidad en el orden perfecto.

Cambio durante evento:

Durante recepción (17:00-20:00):
→ Proyectar álbum "Ceremonia" (fotos profesionales)

Durante fiesta (20:00-02:00):
→ Cambiar a "Fotos de invitados" (contenido en tiempo real)

Ventaja: Lo mejor de ambos mundos

Caso 4: Baby Shower con Fotos del Embarazo ⭐ NUEVO

Situación:
Laura celebra su baby shower. Quiere proyectar fotos de todo su embarazo (9 meses de fotos) antes de que lleguen los invitados y durante la celebración.

Configuración:

Evento: Baby Shower Laura
Fuente: Álbum personalizado → "Mi Embarazo" (50 fotos)

📐 CONFIGURACIÓN:
┌─────────────────────────────────────┐
│ 📸 Fuente: Álbum "Mi Embarazo"     │ ← Fotos históricas
│ 🎨 Tema: Fondo Crema               │ ← Cálido y dulce
│ 🙈 Ocultar Controles: ✅ ON         │ ← Limpio
│ 🖼️ Mostrar Miniaturas: ✅ ON        │ ← Ver el progreso
│ ⏱️ Velocidad: 8 segundos            │ ← Pausado para apreciar
└─────────────────────────────────────┘

Contenido del álbum "Mi Embarazo":

Foto 1-5:   Prueba de embarazo + primera ecografía
Foto 6-15:  Mes 1-3 (primeros cambios)
Foto 16-25: Mes 4-6 (baby bump creciendo)
Foto 26-40: Mes 7-8 (sesión de fotos profesional embarazo)
Foto 41-50: Mes 9 (últimas semanas, preparativos nursery)

Resultado:

┌─────────────────────────────────────┐
│▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒│
│▒▒▒  [Foto embarazo mes 6]     ▒▒▒▒│
│▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒│
│ 📷 Laura  🕐 15/08/2025            │
│[📷][📷][📷][📷][📷][📷][📷]         │
│   ▲ Mes 6                          │
└─────────────────────────────────────┘

- Cuenta la historia completa del embarazo
- Ordenadas cronológicamente (9 meses)
- Invitados ven el "journey" completo
- Ambiente nostálgico y emotivo

Ventaja: Los invitados llegan y ven toda la historia del embarazo proyectada. Crea conversación y ambiente emocional antes de que empiece la celebración.

💡 Este es el poder real de los álbumes personalizados: No solo fotos del evento actual, sino fotos históricas que cuentan una historia.


Caso 5: Cumpleaños 5 Años con Álbum "Crecimiento" ⭐ NUEVO

Situación:
Sofía celebra los 5 años de su hija Martina. Quiere proyectar fotos de cada año de vida de Martina durante la fiesta.

Configuración:

Evento: 5 Años de Martina
Fuente: Álbum personalizado → "5 Años de Amor" (50 fotos)

📐 CONFIGURACIÓN:
┌─────────────────────────────────────┐
│ 📸 Fuente: Álbum "5 Años de Amor"  │ ← Historia de vida
│ 🎨 Tema: Fondo Crema               │ ← Familiar y cálido
│ 🙈 Ocultar Controles: ✅ ON         │ ← Sin interrupciones
│ 🖼️ Mostrar Miniaturas: ❌ OFF       │ ← Fotos grandes
│ ⏱️ Velocidad: 10 segundos           │ ← Tiempo para apreciar
└─────────────────────────────────────┘

Contenido del álbum "5 Años de Amor":

Foto 1-10:  Recién nacida en hospital
Foto 11-20: Primer año (primeros pasos, primera palabra)
Foto 21-30: 2-3 años (kinder, juegos)
Foto 31-40: 4 años (actividades, vacaciones)
Foto 41-50: 5 años (actualidad, sesión de fotos cumpleaños)

Resultado:

┌─────────────────────────────────────┐
│▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒│
│▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒│
│▒▒▒  [Martina 2 años en playa] ▒▒▒│
│▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒│
│▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒│
│▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒│
└─────────────────────────────────────┘

- Viaje visual de 5 años de vida
- Invitados ven cómo creció Martina
- Abuelos, tíos se emocionan viendo los recuerdos
- Fotos grandes sin distracciones
- Cambio lento para apreciar cada momento

Ventaja: Transforma el cumpleaños en un evento nostálgico. Los invitados no solo celebran el presente, sino que reviven 5 años de recuerdos juntos.

Impacto emocional: Los abuelos lloran, los padres se emocionan, los niños ven cómo eran de bebés. No es solo una fiesta, es una celebración de vida.


Caso 6: Boda con Álbum "Nuestra Historia" ⭐ NUEVO

Situación:
Carlos y Ana se casan. Quieren proyectar fotos de su relación (5 años de noviazgo) durante el cóctel antes de la ceremonia.

Configuración:

Evento: Boda Carlos & Ana
Fuente: Álbum personalizado → "Nuestra Historia" (48 fotos)

📐 CONFIGURACIÓN:
┌─────────────────────────────────────┐
│ 📸 Fuente: Álbum "Nuestra Historia"│ ← Love story
│ 🎨 Tema: Fondo Negro               │ ← Romántico
│ 🙈 Ocultar Controles: ✅ ON         │ ← Elegante
│ 🖼️ Mostrar Miniaturas: ❌ OFF       │ ← Minimalista
│ ⏱️ Velocidad: 7 segundos            │ ← Contemplativo
└─────────────────────────────────────┘

Contenido del álbum "Nuestra Historia":

Foto 1-8:   Primera cita, primeros meses
Foto 9-16:  Primer año juntos, viajes
Foto 17-24: Aniversarios, momentos especiales
Foto 25-35: Compromiso, pedida de mano
Foto 36-48: Pre-boda, preparativos

Resultado:

┌─────────────────────────────────────┐
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│
│■■■ [Carlos pidiendo matrimonio] ■■■│
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│
└─────────────────────────────────────┘

Durante cóctel (antes de ceremonia):
- Invitados llegan y ven la historia de amor
- Contexto de la relación
- Momentos íntimos que no todos conocían
- Ambiente romántico y emotivo

Timing estratégico:

16:00-17:30 → Cóctel: Álbum "Nuestra Historia"
17:30-18:30 → Ceremonia: Apagar slider
18:30-21:00 → Recepción: Álbum "Ceremonia" (fotos del día)
21:00-02:00 → Fiesta: "Fotos de invitados" (tiempo real)

Ventaja: Los invitados que llegan temprano no se aburren esperando. Conocen la historia de la pareja. Crea ambiente romántico antes de la ceremonia.


Caso 7: Cumpleaños Infantil - Pantalla TV en Casa

Situación:
Pedro celebra el cumpleaños de su hijo en casa. Conecta el laptop a la TV para mostrar fotos de la fiesta.

Configuración:

Evento: Cumpleaños Juanito
Fotos disponibles: 45 fotos

📐 CONFIGURACIÓN:
┌─────────────────────────────────────┐
│ 🎨 Tema: Fondo Crema               │ ← Cálido
│ 🙈 Ocultar Controles: ❌ OFF        │ ← Con controles
│ 🖼️ Mostrar Miniaturas: ✅ ON        │ ← Ver todas
│ ⏱️ Velocidad: 10 segundos           │ ← Lento
└─────────────────────────────────────┘

Resultado:

┌─────────────────────────────────────┐
│ [X]                      [12 / 45]  │ ← Controles visibles
│▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒│
│▒▒▒   [Foto soplando velas]    ▒▒▒▒│
│▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒│
│ 📷 Mamá  🕐 16:30                  │
│[📷][📷][📷][📷][📷]                 │
└─────────────────────────────────────┘

- Cambia cada 10 segundos (ver mejor)
- Controles visibles por si quieren navegar
- Miniaturas para saltar a foto específica
- Tema cálido para ambiente familiar

Ventaja: Ambiente familiar con control manual disponible cuando lo necesiten.


Caso 4: Galería de Arte Fotográfica

Situación:
Fotógrafo exhibe su trabajo en galería con múltiples pantallas.

Configuración:

Evento: Exposición Fotográfica
Fotos disponibles: 30 fotos

📐 CONFIGURACIÓN:
┌─────────────────────────────────────┐
│ 🎨 Tema: Fondo Negro               │ ← Galería
│ 🙈 Ocultar Controles: ✅ ON         │ ← Arte puro
│ 🖼️ Mostrar Miniaturas: ❌ OFF       │ ← Solo fotos
│ ⏱️ Velocidad: 20 segundos           │ ← Apreciar arte
└─────────────────────────────────────┘

Resultado:

┌─────────────────────────────────────┐
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│
│■■■■    [Obra fotográfica]     ■■■■■│
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│
│■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■│
└─────────────────────────────────────┘

- Cambia cada 20 segundos (contemplar)
- Absolutamente limpio
- Solo la fotografía importa
- Ambiente de galería profesional

Ventaja: Presentación artística profesional donde la foto es lo único que importa.


🔄 Recarga Automática Inteligente

¿Qué es?

El slider automáticamente recarga las fotos del evento para mostrar contenido nuevo sin necesidad de reiniciarlo manualmente.

Cómo funciona:

1. Slider muestra 100 fotos del evento
   ↓
2. Termina de mostrar todas (1 ciclo completo)
   ↓
3. Sistema verifica:
   - ¿Han pasado al menos 30 segundos desde la última recarga?
   - ¿Se alcanzó el umbral de ciclos?
   ↓
4. SI → Recarga fotos desde la base de datos
   ↓
5. Detecta si hay fotos nuevas:
   - 100 fotos → 120 fotos (20 nuevas)
   ↓
6. Continúa el slider con las fotos actualizadas
   ↓
7. Vuelve al paso 2 (loop infinito)

Umbrales de recarga inteligentes:

┌──────────────────┬──────────────┬────────────────────────┐
│ Cantidad Fotos   │ Umbral       │ Explicación            │
├──────────────────┼──────────────┼────────────────────────┤
│ < 20 fotos       │ 4 ciclos     │ Pocas fotos, esperar   │
│                  │              │ más antes de recargar  │
├──────────────────┼──────────────┼────────────────────────┤
│ 20-49 fotos      │ 3 ciclos     │ Moderado, balance      │
├──────────────────┼──────────────┼────────────────────────┤
│ 50-99 fotos      │ 2 ciclos     │ Suficientes fotos,     │
│                  │              │ recargar más seguido   │
├──────────────────┼──────────────┼────────────────────────┤
│ 100+ fotos       │ 1 ciclo      │ Muchas fotos, recargar │
│                  │              │ después de cada ciclo  │
└──────────────────┴──────────────┴────────────────────────┘

Ejemplo práctico:

EVENTO EN VIVO: Boda con 150 fotos

18:00 - Slider inicia con 50 fotos
        ↓ (ciclo completo en 4 minutos a 5s cada foto)
18:04 - Recarga → Detecta 15 fotos nuevas → Total: 65 fotos
        ↓
18:09 - Recarga → Detecta 20 fotos más → Total: 85 fotos
        ↓
18:16 - Recarga → Detecta 10 fotos más → Total: 95 fotos
        ↓
... Continúa automáticamente todo el evento

Ventaja: Los invitados ven sus fotos aparecer en la pantalla pocos minutos después de subirlas!


⌨️ Control con Teclado

El slider responde a atajos de teclado para navegación rápida:

Comandos disponibles:

┌────────────────┬────────────────────────────────┐
│ Tecla          │ Acción                         │
├────────────────┼────────────────────────────────┤
│ ← (Flecha Izq) │ Foto anterior                  │
│ → (Flecha Der) │ Foto siguiente                 │
│ Espacio        │ Pausar/Reanudar auto-avance    │
│ ESC (Escape)   │ Cerrar slider y volver al admin│
└────────────────┴────────────────────────────────┘

Comportamiento al navegar manualmente:

Slider en auto-avance a 5 segundos
   ↓
Usuario presiona [→] (siguiente)
   ↓
Auto-avance se PAUSA por 2 segundos
   ↓
Después de 2 segundos → Reanuda auto-avance

Razón: Evitar que el slider cambie inmediatamente después de que el usuario navegó manualmente.


🛡️ Restricciones y Seguridad

1. Solo fotos activas

El slider solo muestra fotos que están ACTIVAS en el sistema.

Fotos en el evento:
- Foto 1: Activa ✅ → SE MUESTRA
- Foto 2: Inactiva ❌ → NO SE MUESTRA
- Foto 3: Activa ✅ → SE MUESTRA
- Foto 4: Eliminada ❌ → NO SE MUESTRA
- Foto 5: Activa ✅ → SE MUESTRA

Slider muestra solo: Foto 1, 3 y 5

Ventaja: El administrador puede moderar qué fotos aparecen en el slider sin borrarlas.


2. Funcionalidad de plan premium

El slider NO está disponible en todos los planes.

┌─────────────────┬───────────────────┐
│ Plan            │ Slider Disponible │
├─────────────────┼───────────────────┤
│ Plan Básico     │ ❌ NO             │
│ Plan Estándar   │ ✅ SÍ             │
│ Plan Premium    │ ✅ SÍ             │
│ Plan Enterprise │ ✅ SÍ             │
└─────────────────┴───────────────────┘

Si el slider no está habilitado:

┌─────────────────────────────────────┐
│  🚫 Slider no disponible            │
│                                     │
│  El slider de fotos no está         │
│  habilitado para este evento.       │
│                                     │
│  Esta funcionalidad está disponible │
│  en planes superiores.              │
│                                     │
│  💡 Actualiza tu plan para acceder  │
│     al slider de fotos automático   │
│     y otras funciones premium.      │
│                                     │
│     [Ver Planes]                    │
└─────────────────────────────────────┘

🖥️ Panel de Configuración

Estructura completa del panel:

╔══════════════════════════════════════════════════╗
║  📸 Slider de Fotos                              ║
║  Configura y personaliza la presentación         ║
║  automática de fotos                             ║
╠══════════════════════════════════════════════════╣
║                                                  ║
║  ┌────────────────────────────────────────────┐ ║
║  │ 📅 Seleccionar Evento                      │ ║
║  │                                            │ ║
║  │ [Dropdown con lista de eventos]            │ ║
║  │ Mi Boda 2025 - 25/12/2025                  │ ║
║  └────────────────────────────────────────────┘ ║
║                                                  ║
║  ┌────────────────────────────────────────────┐ ║
║  │ 📷 Mi Boda 2025                            │ ║
║  │                                            │ ║
║  │ [📷 150 fotos disponibles]                 │ ║
║  └────────────────────────────────────────────┘ ║
║                                                  ║
║  ┌────────────────────────────────────────────┐ ║
║  │ 🎨 Tema del Slider                         │ ║
║  │                                            │ ║
║  │ [Dropdown]                                 │ ║
║  │ ⚫ Fondo Negro - Elegante y moderno       │ ║
║  │ 🌾 Fondo Crema - Cálido y suave           │ ║
║  │ ⚪ Fondo Blanco - Limpio y minimalista    │ ║
║  └────────────────────────────────────────────┘ ║
║                                                  ║
║  ┌────────────────────────────────────────────┐ ║
║  │ ⚙️ Opciones de Visualización               │ ║
║  │                                            │ ║
║  │ 🙈 Ocultar Controles              [ON] ─┐ │ ║
║  │    Ocultar botones, contador y cerrar    │ ║
║  │                                          │ ║
║  │ 🖼️ Mostrar Miniaturas             [ON] ─┐ │ ║
║  │    Carrusel de navegación inferior       │ ║
║  │                                          │ ║
║  │ ⏱️ Velocidad de Cambio          [5s ▼]  │ ║
║  │    Tiempo entre cada imagen              │ ║
║  └────────────────────────────────────────────┘ ║
║                                                  ║
║  [✨ Ver Slider en Pantalla Completa]           ║
║                                                  ║
║  ┌────────────────────────────────────────────┐ ║
║  │ 💡 INFORMACIÓN                             │ ║
║  │                                            │ ║
║  │ El slider se abrirá en una nueva           │ ║
║  │ ventana a pantalla completa.               │ ║
║  │                                            │ ║
║  │ Controles de teclado:                      │ ║
║  │ • ← → : Navegar fotos                      │ ║
║  │ • Espacio: Pausar/Reanudar                 │ ║
║  │ • ESC: Cerrar slider                       │ ║
║  └────────────────────────────────────────────┘ ║
╚══════════════════════════════════════════════════╝

📊 Persistencia de Configuración

Guardado automático

Todas las configuraciones se guardan automáticamente en el navegador (localStorage).

Cuando cambias:
- Tema: Negro → Crema
  ↓
  Guardado instantáneo en localStorage

Cuando vuelves mañana:
  ↓
  Tema sigue siendo Crema (se carga automáticamente)

Configuraciones que se guardan:

┌────────────────────────────┬────────────────────────┐
│ Configuración              │ Clave en localStorage  │
├────────────────────────────┼────────────────────────┤
│ Tema seleccionado          │ slider-theme           │
│ Ocultar controles (ON/OFF) │ slider-hide-controls   │
│ Mostrar miniaturas (ON/OFF)│ slider-show-thumbnails │
│ Velocidad de auto-avance   │ slider-auto-advance-   │
│                            │ interval               │
└────────────────────────────┴────────────────────────┘

Ventaja: No tienes que reconfigurar cada vez que abres el slider.


❓ Preguntas Frecuentes

1. ¿El slider funciona sin internet?

No. El slider carga las fotos desde el servidor, por lo que necesita conexión a internet activa.

2. ¿Puedo tener múltiples sliders abiertos al mismo tiempo?

Sí. Puedes abrir múltiples ventanas de slider para diferentes eventos o para proyectar en varias pantallas.

3. ¿Las fotos se descargan todas al inicio?

Sí. El slider carga todas las fotos activas del evento al iniciar. Esto asegura transiciones suaves sin retrasos.

4. ¿Qué pasa si alguien sube una foto nueva mientras el slider está activo?

La foto nueva aparecerá después de que el slider complete un ciclo y se recargue automáticamente (según el umbral de recarga).

5. ¿Puedo proyectar el slider en una TV?

Sí. Conecta tu computadora a la TV vía HDMI, abre el slider en el navegador y presiona F11 para pantalla completa.

6. ¿El slider consume mucho internet/datos?

Depende del número de fotos. Con 100 fotos de ~2MB cada una ≈ 200MB de descarga inicial. Después, la recarga solo descarga fotos nuevas.

7. ¿Puedo pausar el slider manualmente?

Sí. Presiona la barra espaciadora para pausar/reanudar el auto-avance.

8. ¿Qué pasa si desactivo "Ocultar controles" pero hay muchas fotos?

Los controles aparecerán y podrás navegar manualmente. El contador mostrará "234 / 500" por ejemplo.

9. ¿El slider muestra fotos en orden cronológico?

Depende de la fuente:

  • Fotos de invitados: Sí, en orden de subida (más antiguas primero)
  • Álbum personalizado: En el orden que TÚ definiste al organizar el álbum

10. ¿Puedo cambiar de fuente de fotos durante el evento?

Sí, en cualquier momento:

  1. Cierra el slider actual (ESC)
  2. Vuelve a configuración del slider
  3. Cambia de "Invitados" a "Álbum personalizado" (o viceversa)
  4. Si eliges álbum, selecciona cuál quieres
  5. Reinicia el slider
  6. El cambio es instantáneo

Ejemplo práctico: Durante la cena proyectas el álbum "Ceremonia" (fotos profesionales). Cuando empieza la fiesta, cambias a "Fotos de invitados" para mostrar contenido en tiempo real.

11. ¿Qué diferencia hay entre "Fotos de invitados" y "Álbum personalizado"?

Característica Fotos de Invitados Álbum Personalizado
Contenido Fotos casuales de invitados Fotos seleccionadas por organizador
Calidad Variable (celulares) Alta (profesional)
Orden Por fecha de subida Definido por organizador
Cantidad Variable (ilimitado) Hasta 50 por álbum
Control Ninguno (automático) Total (selección manual)
Actualización Tiempo real Manual
Plan requerido Todos Profesional/Platinum
Mejor para Engagement invitados Presentación profesional

12. Si tengo 3 álbumes, ¿puedo mostrarlos todos juntos?

No. Solo puedes proyectar un álbum a la vez.

Opciones:

  • Proyectas "Ceremonia" durante cena
  • Cambias a "Recepción" durante fiesta
  • O creas un álbum "Mejores Momentos" que combine fotos de ambos

13. ¿Puedo cambiar la configuración sin cerrar el slider?

No. Debes cerrar el slider (ESC), cambiar la configuración en el admin, y volver a abrir el slider para que apliquen los cambios.

14. ¿El slider funciona en móviles?

Técnicamente sí, pero está optimizado para pantallas grandes (TV, monitores, proyectores). En móvil la experiencia no es ideal.

15. ¿Hay límite de fotos para el slider?

Depende de la fuente:

  • Fotos de invitados: Sin límite (puede manejar cientos/miles)
  • Álbum personalizado: Máximo 50 fotos por álbum (personalizado)

16. ¿Qué pasa si el álbum que seleccioné no tiene fotos activas?

Verás el mensaje: "El álbum seleccionado no tiene fotos activas". Debes ir a "Álbumes del Anfitrión", abrir el álbum y activar fotos con el toggle "Mostrar en slider".

17. ¿Los álbumes personalizados se recargan automáticamente?

No. A diferencia de las fotos de invitados (que se recargan automáticamente), los álbumes personalizados muestran el contenido que tenían al momento de abrir el slider. Si agregas fotos nuevas al álbum, debes cerrar y reabrir el slider.


Resumen Ejecutivo

El Sistema de Slider de Fotos de Postea.la convierte las fotos de un evento en una presentación automática profesional a pantalla completa.

¿Qué ofrece?

  • 2 fuentes de fotos: Invitados (casual) o Álbumes personalizados (profesional)
  • 3 temas visuales (Negro, Crema, Blanco)
  • Control de elementos visuales (controles, miniaturas)
  • Velocidad ajustable (2s a 30s entre fotos)
  • Recarga automática inteligente para fotos de invitados
  • Navegación con teclado
  • Guardado automático de preferencias

¿Para qué sirve?

  • Proyectar fotos en pantallas grandes durante eventos
  • Mostrar fotos profesionales seleccionadas (con álbumes personalizados)
  • Mostrar contenido generado por invitados en tiempo real
  • Presentaciones automáticas sin operador
  • Exhibiciones profesionales de fotografía
  • Engagement con invitados (ven sus fotos en vivo)

Funcionalidades clave:

  • Selección de fuente - Invitados o Álbum personalizado ⭐ NUEVO
  • Auto-avance - Cambia fotos automáticamente cada X segundos
  • Loop infinito - Nunca se detiene, vuelve al inicio
  • Recarga inteligente - Detecta fotos nuevas de invitados automáticamente
  • 3 temas - Negro elegante, Crema cálido, Blanco limpio
  • Ocultar controles - Presentación ultra limpia sin distracciones
  • Miniaturas - Carrusel de navegación inferior opcional
  • Teclado - Flechas para navegar, Espacio para pausar, ESC para cerrar

Integración:

  • Solo muestra fotos activas (moderación automática)
  • Requiere plan premium (control de acceso por plan)
  • Álbumes personalizados requieren Plan Profesional o Platinum
  • Guardado de configuración en localStorage (persistencia)
  • Ventana nueva a pantalla completa (sin interferir con admin)

Beneficio principal:
Transforma un evento estático en una experiencia visual dinámica, permitiendo proyectar fotos profesionalmente en pantallas grandes sin necesidad de operador humano, con actualización automática de contenido nuevo (fotos de invitados), control total del contenido profesional (álbumes personalizados), personalización completa de apariencia y controles, ideal para bodas, eventos corporativos, recepciones y cualquier situación donde se quiera mostrar fotos de forma automática y profesional.


Estado actual: Sistema completamente funcional (Diciembre 2025)
Fuentes disponibles: 2 (Invitados + Álbumes personalizados)
Temas disponibles: 3 (Negro, Crema, Blanco)
Velocidades: 8 opciones (2s a 30s)
Recarga automática: Inteligente según cantidad de fotos (solo invitados)
Navegación: Teclado completo (flechas, espacio, ESC)