Ich habe ein animiertes GIF, das dreimal loopt. Ich habe in Firefox und Chrome bemerkt (habe andere nicht überprüft), dass ich das GIF einmal ansehen kann und wenn ich die Seite neu lade, ist das zwischengespeicherte GIF überhaupt nicht animiert.
Gibt es dafür eine Lösung? Gibt es etwas über das animierte GIF, das ich ändern könnte, um dies zu verhindern?
Es ist eine super hässliche Lösung, aber Sie könnten dies verwenden, wenn Sie das Bild inline aufrufen, nicht schön, aber es funktioniert!
%Vor%hoffe das hilft
Die Lösung, die ich in diesem Fall gewählt habe, war, eine GET-Variable an das Ende des Grafiknamens anzuhängen, um zu verhindern, dass die Grafik beim Aktualisieren der Seite aus dem Cache geladen wird.
%Vor%Jade O'Connors Lösung funktioniert, aber wie gesagt, es ist eine hässliche Lösung. Denn jedes Mal, wenn Sie die Seite besuchen, wird das Bild vom Server heruntergeladen. Dies führt zu Bandbreitenproblemen bei großen Bildern. Dies erhöht auch die Ladezeit der Seite, daher ist es für langsame Verbindungen schlecht.
Gibt es eine bessere Lösung?
Ich habe so etwas herausgefunden:
Ich habe das animierte gif im Loop "forever" Modus neu generiert. In meinem gif gab es 20 Frames und jeder wird für 150 ms angezeigt. So dass ein Schritt der Schleife für 3 Sekunden dauert. Ich habe auch eine JPEG-Version des letzten Bildes der Animation erstellt.
Beim Laden der Seite habe ich die window.setTimeout () Methode verwendet, um das gif nach 3 Sekunden durch den JPEG zu ersetzen. Weil ich wollte, dass der letzte Frame still steht, wenn der erste Schritt der Schleife beendet ist. Aber es gab Timing-Probleme. Wenn das letzte Bild angezeigt wird, startet die Animation neu, bevor ich das gif durch das JPEG ersetzen konnte. Gibt es eine Möglichkeit festzustellen, ob die Animation beendet oder neu gestartet wurde?
Könnten Sie uns auf das fragliche GIF verweisen? Ist das bei allen GIFs der Fall? Alles mit der gleichen Anwendung gemacht?
Wie auch immer, einfach nicht zwischenspeichern und voila, gelöst. Aber ich denke, du solltest eine andere Anwendung verwenden , um dein GIF zu erstellen und zu sehen, ob es richtig funktioniert.