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 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:






SUSCRÍBETE A NUESTRO BOLETÍN 

No te pierdas de nuestro contenido ni de ninguna de nuestras guías para que puedas avanzar en los juegos que más te gustan.










Al suscribirte, aceptas nuestra política de privacidad y nuestros términos de servicio.






Tal vez te puede interesar:

  1. La innovación no puede mantener la Web rápida
  2. Rendimiento web ultrarrápido
  3. Tabla de contenidos fijos con estados activos de desplazamiento
  4. “cambiar tamaño: ninguno;” en áreas de texto es una mala experiencia de usuario

Pausar un GIF con detalles/resumen

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://pseint.es/static/images/programar-pausar-un-gif-con-detallesresumen-1632-0.jpg

2024-06-13

 

Pausar un GIF con detalles/resumen
Pausar un GIF con detalles/resumen

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

 

 

Update cookies preferences