Wenn Leute animierte GIFs posten, spielen sie immer und immer und immer und immer und immer und wieder…
Twitter bietet mir eine Möglichkeit, die Animation zu stoppen. Slack lässt mich das Bild einklappen, damit ich es nicht mehr sehe. Bitte, bitte Discourse, gebt mir etwas Vergleichbares. 
Du kannst Stylus verwenden, um das Erscheinungsbild aller animierten GIFs zu ändern (display: none oder visibility: hidden):
div.topic-body div.lightbox-wrapper > a.lightbox > img[src$='.gif']
Sicher, ich stimme Ihnen völlig zu! Browser haben dies früher als native Funktion unterstützt.. Lesen Sie alles darüber hier:
Wenn Sie Chrome verwenden, empfehle ich diese Erweiterung:
Nur ein kleines Update.
In diesem Thema ist so viel JA, tatsächlich hatte ich heute früher das gleiche Gefühl, als jemand ein GIF gepostet hat.
@pmusaraj arbeitet an einer Funktion und wird uns informieren, sobald sie fertig ist.
Es ist schade, dass Browser die Unterstützung für Esc zum Stoppen aller Seitenanimationen bei GIFs eingestellt haben. Die Leute vergessen das… aber das war wirklich so.
Toller Feature-Vorschlag @ganncamp, danke. Das ist jetzt erledigt (Commit) und hier auf Meta bereitgestellt. Ein Klick auf das Bild pausiert und setzt dann die Animation fort. Aufgrund von Browser-Sicherheitsbeschränkungen zeigt die Pause nur den ersten Bildrahmen des Bildes an; es kann nicht den Rahmen anzeigen, der genau im Moment des Klicks angezeigt wurde.
Hier ist ein obligatorisches GIF zum Ausprobieren:
Sieht großartig aus, hier ein paar kleine Empfehlungen:
Vielleicht fügen wir ein kleines „Pausiert“-Overlay hinzu, damit die Nutzer verstehen, was passiert ist. (Ein halbtransparentes II unten rechts?)
Ich glaube (bin mir aber nicht sicher), dass dies nur funktioniert, nachdem das GIF vollständig geladen ist. Manche animierten GIFs können eine Weile zum Laden brauchen. Könntest du das vielleicht lokal mit einer Drosselung testen, um sicherzustellen, dass es auch pausiert, wenn das GIF noch nicht vollständig geladen ist?
Ein seltsames Verhalten, das ich hier auf Meta bemerkt habe.
Ich habe hier ein GIF gepostet https://meta.discourse.org/t/badges-and-general-chattiness-of-discourse/187971/19?u=geoff777
Es wollte nicht pausieren. Ich habe zwei Browser ausprobiert.
Ich bin in diesen Thread gekommen, da ich ihn vor ein paar Tagen gelesen hatte.
Ich habe auf das GIF STOP IT geklickt und es pausierte.
Zurück zu meinem Beitrag und jetzt pausiert auch dieser.
also …
testen testen testen …
Vielleicht könnten wir eine Einstellung hinzufügen, die beim Hover über ein GIF neben dem Button „Aktuelles GIF stoppen
Danke, Geoff. Der technische Grund, warum dein Upload nicht funktioniert, liegt daran, dass dies derzeit nur für Uploads funktioniert, die in der Datenbank gespeichert sind. Dein oben erwähnter Upload ist eine Giphy-URL und verfügt über keinen lokalen Upload-Eintrag. Wir können dies nicht einfach auf animierte Bilder von anderen URLs erweitern, da wir nicht mit Sicherheit wissen, ob eine Ressource an einer bestimmten URL ein animiertes Bild oder ein statisches Bild ist.
Wir können eine fundierte Schätzung abgeben – beispielsweise bei Giphy-URLs –, aber solange der Upload nicht lokal erfolgt und verarbeitet wurde, wissen wir es nicht mit Sicherheit.
Update: Ah, und nun wurde das Giphy-Bild in deinem oben stehenden Beitrag lokal heruntergeladen, und das Anhalten funktioniert.
Das GIF, das ich oben gepostet habe, lässt sich momentan nicht pausieren.
Dann habe ich die Seite neu geladen, und jetzt funktioniert es.
Ich vermute, dass dieses Problem mit dem Pausieren nur beim Poster des GIFs auftritt und sich durch ein Neuladen der Seite beheben lässt.
Edit – Entschuldigung, ich lese gerade erst deinen Beitrag oben, @pmusaraj.
Ja, das ergibt Sinn. Es pausiert, wenn es lokal verfügbar ist.
Also funktioniert die Pausenfunktion für kurze Zeit nicht. Gut zu wissen. Danke.
Die Pausen-Funktion funktioniert, aber die Canvas kann den ersten Frame erst lesen/zeichnen, wenn das GIF vollständig geladen ist. Ich glaube nicht, dass wir dies ordnungsgemäß beheben können, daher habe ich dem canvas-Element eine subtile Hintergrundfarbe hinzugefügt, die so angezeigt wird:
Außerdem habe ich Play/Pause-Symbole und einige weitere Verbesserungen hinzugefügt.
Dieses Thema wurde automatisch nach 6 Tagen geschlossen. Neue Antworten sind nicht mehr erlaubt.
Das Lightbox-Overlay stört, wie Sie hier sehen können. Vergleichen und kontrastieren Sie das Verhalten, indem Sie auf die untenstehenden animierten GIFs klicken oder tippen:
Beim zweiten funktioniert es mehr oder weniger, mit der Einschränkung, dass die Expansion und Kontraktion des Lightbox-Fensters einen der Klicks zum Pausieren/Unpausieren verschluckt.
Ja @pmusaraj, ich werde das wieder öffnen. Wir brauchen wahrscheinlich eine bessere Handhabung für Fälle, in denen ein animiertes GIF im Lightbox-Modus angezeigt wird – das ist derzeit sehr umständlich.
Ich bin mir nicht sicher, was die richtige Lösung ist? Keine animierten GIFs im Lightbox-Modus anzeigen? Unterschiedliche Klickbereiche für „Pausieren
Vielleicht das? Ich bin mir nicht sicher, ob man mit einer Lightbox für animierte GIFs einen Vorteil hat…
Ich schätze, technisch gesehen könntest du eine riesige Animation zur Schau stellen.
Vielleicht deaktivieren wir den Lightbox-Modus vorerst einfach mal und schauen, ob sich jemand beschwert? Ich stimme voll und ganz zu, dass es in der Regel meist eine schlechte Idee ist und für animierte GIFs nutzlos ist.
Klar, wenn das Deaktivieren des Lightboxes für animierte GIFs einfach ist, machen wir das. Wir sollten es wahrscheinlich auch zurückportieren!
