Gif funktioniert nicht, wenn die Seite neu geladen wird. Funktioniert nur, wenn das Fenster zum ersten Mal geöffnet ist

Question

Also, ich habe ein gif, das funktioniert gut, wenn ich die Website zum ersten Mal laden ... aber wenn ich nachladen oder nach Hause gehen, und dann zurück zu diesem Abschnitt. .. zeigt das fertige Bild an (als wäre die Animation bereits passiert) ... Das gif wird nur einmal abgespielt (es wurde nur einmal animiert). Ich glaube jedoch, dass es jedes Mal spielen sollte, wenn das Internet aktualisiert wird. Wie kann ich das kontrollieren?

Der Code ist einfach

<div class="col-xs-12 text-center"> 
     <img src="images/unnamed.gif" id="gif" alt=""> 
</div> 

ich gesucht, aber konnte keine Antwort finden. Dieses gif ist jedoch in einem winkeligen Teil. Und ich glaube, das könnte es irgendwie beeinflussen. Ich habe ein zufälliges Dokument in einem anderen Projekt ohne Winkel- und es funktioniert gut .... Wenn jemand eine Ahnung hat, würde es

Answer 1

In Ihre div setzen Sie eine ng-init="varname = 'images/unnamed.gif'". Dann in Ihrem img Element ng-src="varname". Dies sollte das ursprüngliche Quellattribut der img überschreiben.

Mein Code:

<div class="col-xs-12 text-center" ng-init="varname='images/unamed.gif'"> <img ng-src="{{varname}}"> </div>

Answer 2

geschätzt werden Sie könnten so etwas wie dies versuchen:

<div class="col-xs-12 text-center"> 
    <img src="" id="gif" alt=""> 
</div> 
<script type="text/javascript"> 
    document.getElementById('gif').src = 'images/unnamed.gif?q=' + new Date().getTime(); 
</script> 

Dies wird den Browser verhindern Das GIF kann nicht zwischengespeichert werden, damit es erneut geladen werden muss. Es klingt einfach nach einem Caching-Problem oder etwas, das beim Erstellen des GIF nicht ordnungsgemäß eingerichtet wurde.