Quando le persone pubblicano GIF animate, queste vengono riprodotte all’infinito, all’infinito, all’infinito…
Twitter mi offre un modo per fermare l’animazione. Slack mi permette di comprimere l’immagine in modo da non vederla più. Per favore, per favore Discourse, dammi qualcosa di simile. 
Puoi usare Stylus per modificare lo stile (display: none o visibility: hidden) di tutti i GIF animati:
div.topic-body div.lightbox-wrapper > a.lightbox > img[src$='.gif']
Certo, sono completamente d’accordo! I browser supportavano questa funzione in modo nativo.. leggi tutto qui:
Se stai usando Chrome, ti consiglio questa estensione:
Solo un piccolo aggiornamento.
C’è così tanto SÌ in questo argomento, infatti ho avuto esattamente la stessa sensazione prima oggi quando qualcuno ha pubblicato un GIF.
@pmusaraj sta lavorando su una funzionalità qui e ci aggiornerà quando sarà pronta.
Peccato che i browser abbiano rimosso il supporto per esc per interrompere tutte le animazioni delle pagine sui GIF. La gente dimentica… ma questo era davvero una cosa.
Ottima richiesta di funzionalità @ganncamp, grazie. È stato completato (commit) e distribuito qui su meta. Cliccando sull’immagine, l’animazione verrà messa in pausa e poi ripresa. A causa delle limitazioni di sicurezza del browser, la pausa mostra solo il primo fotogramma dell’immagine; non è possibile mostrare il fotogramma esatto al momento del clic.
Ecco un GIF obbligatorio per provarlo:
Sembra ottimo, ecco un paio di piccole raccomandazioni:
Forse potremmo aggiungere un piccolo overlay “in pausa”, in modo che gli utenti capiscano cosa è successo. (Un II semitrasparente in basso a destra?)
Penso (anche se non ne sono sicuro) che funzioni solo dopo che il GIF è stato completamente caricato. Alcuni GIF animati possono richiedere del tempo per il caricamento. Potresti fare un test in locale, magari con la limitazione della velocità di connessione, per verificare che la pausa avvenga anche se il GIF non è ancora completamente caricato?
Ho notato un comportamento strano qui su Meta.
Ho pubblicato un gif qui https://meta.discourse.org/t/badges-and-general-chattiness-of-discourse/187971/19?u=geoff777
Non si metteva in pausa. Ho provato con due browser.
Sono arrivato in questa discussione perché l’avevo letta l’altro giorno.
Ho cliccato sul gif STOP IT e si è messo in pausa.
Tornato al mio post, ora anche quello si mette in pausa.
quindi …
test test test …
Forse potremmo aggiungere un’impostazione che, passando il mouse su un GIF, mostri accanto al pulsante “ferma GIF corrente”:
Grazie, Geoff. Il motivo tecnico per cui il tuo caricamento non funziona è che attualmente questa funzionalità funziona solo per i caricamenti presenti nel database. Il tuo caricamento sopra è un URL di Giphy e non ha un record di caricamento locale. Non possiamo estendere facilmente questa funzionalità alle immagini animate provenienti da altri URL, poiché non sappiamo con certezza se una risorsa su un URL specifico sia un’immagine animata o un’immagine statica regolare.
Possiamo fare un’ipotesi ragionevole, ad esempio per gli URL di Giphy, ma a meno che il caricamento non sia locale e elaborato, non lo sapremo con certezza.
Aggiornamento: ah, ora il caricamento di Giphy nel tuo post sopra è stato scaricato localmente e la funzione di pausa funziona.
Il GIF che ho pubblicato sopra non si mette in pausa al momento
Poi c’è stato un aggiornamento e ora funziona.
Immagino che questo problema di mancata pausa riguardi solo chi pubblica il GIF e si risolva con un aggiornamento.
Modifica - scusa, ho appena letto il tuo post qui sopra @pmusaraj
Sì, ha senso. Si mette in pausa quando è disponibile localmente.
Quindi per un breve periodo la funzione di pausa non funzionerà. Buono a sapersi. Grazie
L’azione di pausa funziona, ma il canvas non può leggere/disegnare il primo frame finché il GIF non è stato completamente caricato. Non penso che possiamo risolvere correttamente questo problema, quindi ho aggiunto un colore di sfondo sottile all’elemento canvas, che si visualizzerà in questo modo:
Ho anche aggiunto icone di riproduzione/pausa e alcuni altri miglioramenti.
Questo argomento è stato automaticamente chiuso dopo 6 giorni. Non sono più ammesse nuove risposte.
Il lightbox crea un ostacolo, come puoi vedere qui. Confronta e metti a confronto i comportamenti cliccando o toccando le GIF animate sottostanti:
Funziona in qualche modo nel secondo caso, con la precisazione che l’espansione e la contrazione del lightbox assorbe uno dei clic per mettere in pausa/riprendere.
Sì, @pmusaraj, lo riaprirò. Probabilmente vogliamo gestire meglio i casi in cui un GIF animato viene visualizzato in lightbox; al momento è molto scomodo.
Non sono sicuro di qual è la cosa giusta da fare? Non aprire i GIF animati in lightbox? Avere diverse aree di clic per “metti in pausa” rispetto a “dimensione intera” per questi casi?
Forse questo? Non sono sicuro che ci sia da guadagnare qualcosa nel visualizzare le GIF animate in lightbox…
Immagino che tecnicamente si potrebbe avere un’animazione gigantesca da mostrare.
Forse disattiviamo semplicemente la lightbox per ora e vediamo se qualcuno si lamenta? Sono completamente d’accordo che di solito sia una cattiva idea e inutile per i GIF animati.
Certo, se disabilitare la lightbox per i GIF animati è semplice, facciamolo. Dovremmo probabilmente fare anche un backport!
