重新加载页面时 Gif 不工作。仅在第一次打开窗口时有效答案

【问题标题】：Gif is not working when the page is reloaded. Only works when the window is open for the first time重新加载页面时 Gif 不工作。仅在第一次打开窗口时有效
【发布时间】：2016-11-23 21:17:58
【问题描述】：

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

代码很简单

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

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

【问题讨论】：

标签： css angularjs html gif

【解决方案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 时设置不正确。

【讨论】：

成功了！！！没有早点想到这个我觉得很愚蠢......非常感谢你，我因此而头疼！
没问题，很高兴为您提供帮助！
嘿，我不确定我是否应该在这里做这个，但是......你做了什么，那到底是做什么的？我的意思是，它在重新加载时确实很棒，但是每次我滚动 gif 时都会重新开始
正如我所说，它会阻止浏览器缓存 gif。看看这个答案：stackoverflow.com/a/729623/2122300 虽然我必须说，如果滚动导致图像再次加载，那会让事情变得有趣。它在所有现代浏览器中都这样做吗？
哈哈这很痛苦，已经在这... 三天了。是的，它发生在所有浏览器中

【解决方案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>

【讨论】：

这是一个非常好的。但是，如果 ng-src 需要在“if”条件下进行更改……我该如何访问它？