Question

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

代码很简单

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

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

Answer 1

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

Answer 2

您可以尝试这样的事情：

<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无法正常工作。仅在窗口第一次打开时才有效

2 个答案: