Cuando la gente publica gifs animados, estos se reproducen una y otra y otra y otra y otra vez y…
Twitter me ofrece una forma de detener la animación. Slack me permite colapsar la imagen para que ya no la vea. Por favor, por favor, Discourse, dame algo comparable. 
Puedes usar Stylus para cambiar el estilo (display: none o visibility: hidden) de todos los GIF animados:
div.topic-body div.lightbox-wrapper > a.lightbox > img[src$='.gif']
¡Por supuesto, estoy totalmente de acuerdo! Los navegadores solían admitir esto como una función nativa… lee todo sobre ello aquí:
Si estás usando Chrome, te recomiendo esta extensión:
Solo una pequeña actualización.
Hay mucho “SÍ” en este tema; de hecho, tuve exactamente la misma sensación hoy temprano cuando alguien publicó un GIF.
@pmusaraj está trabajando en una función aquí y nos actualizará cuando esté lista.
Es una lástima que los navegadores hayan retirado su soporte para esc para detener todas las animaciones de página en GIFs. La gente olvida… pero esto realmente existió.
¡Excelente solicitud de función @ganncamp, gracias! Esto ya está hecho (commit) y desplegado aquí en meta. Al hacer clic en la imagen, la animación se pausará y luego se reanudará. Debido a las limitaciones de seguridad del navegador, la pausa solo muestra el primer cuadro de la imagen; no puede mostrar el cuadro en el momento exacto en que se hizo clic.
Aquí tienes un GIF obligatorio para probarlo:
Se ve genial, tengo un par de recomendaciones menores:
Tal vez podríamos añadir una pequeña superposición de “pausado” para que la gente entienda qué sucedió (un II semitransparente en la esquina inferior derecha?).
Creo (aunque no estoy seguro) que esto solo funciona una vez que el GIF se ha cargado por completo. Algunos GIFs animados pueden tardar en cargar. ¿Podrías probarlo localmente usando limitación de velocidad para verificar que se pausa incluso si el GIF no se ha cargado completamente?
Algo extraño que noté aquí en Meta.
Publiqué un gif aquí https://meta.discourse.org/t/badges-and-general-chattiness-of-discourse/187971/19?u=geoff777
No se pausaba. Probé con dos navegadores.
Llegué a este hilo porque lo había leído el otro día.
Hice clic en el gif de STOP IT y se pausó.
Volví a mi publicación y ahora también se pausa.
así que…
probando probando probando…
Quizás podríamos tener una configuración que se muestre al pasar el cursor sobre un GIF, junto al botón “detener GIF actual”:
Gracias, Geoff. La razón técnica por la que tu subida no funciona es que esto actualmente solo funciona para subidas que están en la base de datos. Tu subida anterior es una URL de Giphy; no tiene un registro de subida local. No podemos extender esto fácilmente a imágenes animadas de otras URL porque no sabemos con certeza si un activo en una URL específica es una imagen animada o una imagen estática regular.
Podemos hacer una suposición informada, por ejemplo, para las URL de Giphy, pero a menos que la subida sea local y haya sido procesada, no lo sabremos con seguridad.
Actualización: ah, y ahora la subida de Giphy en tu publicación anterior se descargó localmente, y la función de pausa funciona.
El gif que publiqué arriba no se pausaba por el momento.
Luego hubo una actualización y ahora sí funciona.
Supongo que ahora este problema de no pausa es solo para el autor del gif y se soluciona con una actualización.
Edición: perdón, acabo de leer tu mensaje anterior, @pmusaraj.
Sí, tiene sentido. Se pausa cuando está disponible localmente.
Así que durante un breve periodo la función de pausa no funcionará. Bueno saberlo. Gracias.
La acción de pausa funciona, pero el lienzo no puede leer/dibujar el primer cuadro hasta que el GIF se haya cargado por completo. No creo que podamos solucionarlo adecuadamente, así que agregué un color de fondo sutil al elemento canvas, que se mostrará de la siguiente manera:
También agregué iconos de reproducir/pausar y algunas otras mejoras.
Este tema se cerró automáticamente después de 6 días. Ya no se permiten nuevas respuestas.
El lightbox interfiere, como puedes ver aquí. Compara y contrasta el comportamiento haciendo clic o tocando los GIFs animados a continuación:
En el segundo funciona más o menos, con la salvedad de que la expansión y contracción del lightbox absorbe uno de los clics para pausar/reanudar.
Sí, @pmusaraj, vamos a reabrir esto. Probablemente necesitemos un manejo mejor para los casos en los que un GIF animado se abre en lightbox; ahora mismo es muy incómodo.
¿No estoy seguro de cuál es la mejor opción? ¿No abrir en lightbox los GIFs animados? ¿Tener áreas de clic diferentes para “pausar” frente a “tamaño completo” en estos casos?
¿Quizás esto? No estoy seguro de que haya algo que ganar al usar lightbox en GIFs animados…
Supongo que técnicamente podrías tener una animación gigantesca para mostrar.
¿Quizás simplemente desactivamos el lightbox por ahora y vemos si alguien se queja? Estoy totalmente de acuerdo en que usualmente es mala idea y no sirve para gifs animados.
Claro, si deshabilitar el lightbox es sencillo para los GIFs animados, hagámoslo. ¡Probablemente también deberíamos hacer un backport!
