重新加载页面时 Gif 不工作。仅在 window 首次打开时有效

Question

所以，我有一个 gif，如果我第一次加载该网站，它可以正常工作...但如果我重新加载或回家，然后返回该部分...它会显示最终图像 (好像动画已经发生了）... gif 只播放一次（创建动画时只播放一次）。但是，我相信每次刷新网络时它都应该播放。我该如何控制它？

代码简单

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

我搜索过但找不到答案。但是，此 gif 是 angular 部分。我相信这可能会以某种方式影响它。我在没有 angular 的情况下在另一个项目中创建了一个随机文档，它工作正常....如果有人有线索，我将不胜感激

Answer 1

您可以尝试这样的操作：

<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>

这将阻止浏览器缓存 gif，因此它需要在每次加载页面时重新加载。这听起来像是某种缓存问题或创建 gif 时设置不正确的问题。

Answer 2

在你的 div 中放一个 ng-init="varname = 'images/unnamed.gif'"。然后在您的 img 元素中 ng-src="varname"。这应该覆盖 img.

的原始源属性

我的代码：

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

重新加载页面时 Gif 不工作。仅在 window 首次打开时有效

Gif is not working when the page is reloaded. Only works when the window is open for the first time

html

css

gif

angularjs