Lorsque les gens publient des GIF animés, ils se rejouent encore et encore et encore et encore et…
Twitter me donne un moyen d’arrêter l’animation. Slack me permet de réduire l’image pour ne plus la voir. S’il vous plaît, s’il vous plaît, Discourse, donnez-moi quelque chose de comparable. 
Vous pouvez utiliser Stylus pour modifier le style (display: none ou visibility: hidden) de tous les GIF animés :
div.topic-body div.lightbox-wrapper > a.lightbox > img[src$='.gif']
Tout à fait, je suis entièrement d’accord ! Les navigateurs supportaient cela comme une fonctionnalité native.. lisez tout à ce sujet ici :
Si vous utilisez Chrome, je vous recommande cette extension :
Juste une petite mise à jour.
Il y a tellement de OUI dans ce sujet ; en fait, j’ai ressenti exactement la même chose plus tôt aujourd’hui quand quelqu’un a posté un GIF.
@pmusaraj travaille sur cette fonctionnalité et nous tiendra informés quand elle sera prête.
C’est dommage que les navigateurs aient retiré leur support pour esc afin d’arrêter toutes les animations de page sur les GIF. Les gens oublient… mais c’était vraiment une chose.
Excellente demande de fonctionnalité @ganncamp, merci. C’est maintenant fait (commit) et déployé ici sur meta. Cliquer sur l’image mettra en pause puis reprendra l’animation. En raison des limitations de sécurité des navigateurs, la pause affiche uniquement la première image de l’animation ; elle ne peut pas afficher l’image au moment exact du clic.
Voici un GIF obligatoire pour l’essayer :
Ça a l’air super, voici quelques petites recommandations :
Peut-être ajouter un petit calque « en pause » pour que les utilisateurs comprennent ce qui s’est passé (un « II » translucide en bas à droite ?).
Je pense (bien que je ne sois pas certain) que cela ne fonctionne qu’une fois le GIF entièrement chargé. Certains GIF animés peuvent prendre un certain temps à charger. Pourriez-vous tester cela localement en utilisant une limitation de débit pour vérifier que la pause fonctionne même si le GIF n’est pas encore complètement chargé ?
Un comportement étrange que j’ai remarqué ici sur Meta.
J’ai publié un gif ici https://meta.discourse.org/t/badges-and-general-chattiness-of-discourse/187971/19?u=geoff777
Il ne se mettait pas en pause. J’ai essayé avec deux navigateurs.
Je suis venu sur ce fil de discussion car je l’avais lu l’autre jour.
J’ai cliqué sur le gif STOP IT et il s’est mis en pause.
Retour à mon message et celui-ci se met maintenant en pause.
Donc …
test test test …
Peut-être pourrions-nous ajouter un paramètre qui s’afficherait au survol d’un GIF, à côté du bouton « Arrêter le GIF actuel » :
Merci, Geoff. La raison technique pour laquelle votre téléchargement ne fonctionne pas est que cela ne fonctionne actuellement que pour les fichiers déjà enregistrés dans la base de données. Votre téléchargement ci-dessus est une URL Giphy ; il n’existe pas d’enregistrement de téléchargement local associé. Nous ne pouvons pas facilement étendre cette fonctionnalité aux images animées provenant d’autres URL, car nous ne savons pas avec certitude si une ressource à une URL donnée est une image animée ou une image statique standard.
Nous pouvons faire une estimation éclairée, par exemple pour les URLs Giphy, mais à moins que le téléchargement ne soit local et traité, nous ne pourrons pas en être sûrs.
Mise à jour : ah, et maintenant, le téléchargement Giphy de votre message ci-dessus a été téléchargé localement, et la fonction de pause fonctionne.
Le GIF que j’ai publié ci-dessus ne se met pas en pause pour le moment.
Ensuite, il y a eu une actualisation et cela fonctionne.
Je suppose que ce problème de non-pause ne concerne que l’auteur du GIF et se résout avec une actualisation.
Édition — désolé, je viens de lire votre message ci-dessus @pmusaraj.
Oui, cela a du sens. Il se met en pause lorsqu’il est disponible localement.
Donc, pendant un court moment, la fonction de pause ne fonctionnera pas. Bon à savoir. Merci.
L’action de pause fonctionne, mais le canvas ne peut pas lire/dessiner la première image tant que le GIF n’est pas entièrement chargé. Je ne pense pas que nous puissions régler correctement ce problème, j’ai donc ajouté une couleur de fond subtile à l’élément canvas, qui s’affichera comme ceci :
J’ai également ajouté des icônes lecture/pause et quelques autres améliorations.
Ce sujet a été automatiquement fermé après 6 jours. De nouvelles réponses ne sont plus autorisées.
Le lightboxage gène, comme vous pouvez le voir ici. Comparez et opposez les comportements en cliquant ou en appuyant sur les GIF animés ci-dessous :
Cela fonctionne à peu près sur le second, avec la réserve que l’expansion et la contraction du lightbox absorbent l’un des clics pour mettre en pause/reprendre.
Oui @pmusaraj, je vais rouvrir ce sujet. Nous devrions probablement mieux gérer les cas où un GIF animé est affiché en lightbox, car c’est très maladroit pour le moment.
Je ne suis pas sûr de la meilleure solution : ne pas afficher les GIF animés en lightbox ? Avoir des zones de clic différentes pour « pause » et « taille réelle » dans ces cas ?
Peut-être cela ? Je ne suis pas sûr qu’il y ait un avantage à afficher des GIF animés en lightbox…
Je suppose que techniquement, vous pourriez avoir une animation gigantesque à montrer.
Peut-être désactivons-nous simplement la lightbox pour l’instant et voyons si quelqu’un se plaint ? Je suis tout à fait d’accord : c’est généralement une mauvaise idée et inutile pour les gifs animés.
Bien sûr, si désactiver la lightbox est facile pour les GIF animés, faisons-le. Il faudrait probablement aussi le rétroporter !
