當頁面重新加載時，Gif不工作。只有當窗口第一次打開時纔可用

因此，如果我第一次加載網站，我有一個可以正常工作的gif ...但如果我重新加載或回家，然後回到那個部分。 ..它顯示最終的圖像（就像動畫已經發生一樣）... gif只播放一次（它只創建一次動畫）。不過，我相信每次網絡刷新時都應該播放它。我如何控制它？當頁面重新加載時，Gif不工作。只有當窗口第一次打開時纔可用

代碼很簡單

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

我搜查，但未能找到答案。然而，這個gif是在一個角度部分。我相信可能會以某種方式影響它。我在沒有角度的另一個項目中創建一個隨機文件和正常工作....如果任何人有一個線索，我們將不勝感激

來源

2016-07-20 Caro

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

來源

2016-07-20 15:58:49

這是一個非常好的。但是，如果ng-src需要在「if」條件下更改......我如何才能訪問它？ – Caro

你可以嘗試這樣的事：

<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時沒有正確設置的東西。

來源

2016-07-20 15:48:40 ffgpga08

該訣竅！我以前沒有想過那麼愚蠢......我非常感謝你，所以我因此而頭疼！ – Caro

當然，很樂意幫忙！ – ffgpga08

嘿，不知道我是否應該這樣做，但是......你做了什麼，這到底做了什麼？我的意思是，它重新加載時確實很棒，但每次我滾動gif時，都會開始執行 – Caro

當頁面重新加載時，Gif不工作。只有當窗口第一次打開時纔可用

回答

相關問題