---
id: slider-autoplay
status: proposed
kind: refinement
sprint: 5                        # pestaña "Sprint Nueva Arquitectura" del sheet de arquitectura

target:
  block: acf/content-welcome
  based_on: sek-content-welcome--gallery
  see: https://institucioneducativaseki5.sg-host.com/sek-international-sport-academy/

evidence:
  demo: preview/dev-espacios-deportivos/labs.html
  used_in:
    - output/pages/sek-schools/espacios-deportivos.html

fields:
  - { name: autoplay,       type: true_false, default: false, label: "Avance automático" }
  - { name: autoplay_delay, type: number,     default: 5000,  unit: ms, when: "autoplay = true" }

tokens: [border-static-hairline, text-static-secondary]

behaviour:
  - Avanza cada autoplay_delay; se detiene al pasar el ratón y al interactuar
  - Sin autoplay si prefers-reduced-motion está activo
  - Reutiliza los controles del sistema (data-sek-slider-prev/next), no unos nuevos

accept:
  - El slide cambia solo a los 5 s y el contador avanza
  - Con prefers-reduced-motion no hay movimiento y las flechas siguen funcionando
  - No aparece scroll horizontal en 375 / 768 / 1440

built:
  branch:
  commit:
  notes:
---

# Slider con avance automático

El slider del theme expone `perview`, `fade`, `idle`, `caption`, `prev/next`, `bar` y `count`,
pero **no hay forma de que avance solo**. La galería de «Más allá de las instalaciones» lo
necesita, y Swiper — que el sitio ya carga — trae el módulo hecho.

## Cambio pedido

| Hoy | Pedimos |
|---|---|
| `data-sek-slider` sin autoplay | Acepta `data-sek-autoplay="5000"` |
| El módulo `autoplay` de Swiper no se activa | Se activa con `pauseOnMouseEnter` y `disableOnInteraction: false` |

Funcionando en `labs.html`, con los controles del sistema.

## Casuística

Con un solo slide no debe activarse. Y conviene decidir si el autoplay se pausa cuando el
bloque sale del viewport — en una página larga, un carrusel girando sin que nadie lo vea es
gasto de batería.