Steve Faulkner tiene una idea inteligente aquí. Puede mostrar un GIF (animado) y superponer un botón de pausa/reproducción encima, que en realidad es un elemento details/ . summaryCuando se activa, un JPG (no animado) en el interior cubre el GIF, "deteniéndolo" efectivamente.
Adrian Roselli lo llama una forma “rápida y sucia” de pasar el Criterio de Éxito 2.2.2 de las WCAG: Pausar, Detener, Ocultar.
Lo bifurqué, cambié todas las imágenes para que mostrara primero el JPG y puse loading="lazy"las imágenes. Parece que efectivamente no carga el GIF hasta que presionas explícitamente reproducir, por lo que esa también es una opción:
Tal vez te puede interesar:
- La innovación no puede mantener la Web rápida
- Rendimiento web ultrarrápido
- Tabla de contenidos fijos con estados activos de desplazamiento
- “cambiar tamaño: ninguno;” en áreas de texto es una mala experiencia de usuario
Pausar un GIF con detalles/resumen
Steve Faulkner tiene una idea inteligente aquí. Puede mostrar un GIF (animado) y superponer un botón de pausa/reproducción encima, que en realidad es un ele
programar
es
https://aprendeprogramando.es/static/images/programar-pausar-un-gif-con-detallesresumen-1632-0.jpg
2025-01-08
Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente