頁面加載重置動畫gif

下面是html/css和javascript代碼，我已經在頁面加載應該強制動畫gif重新加載/播放每頁加載。 gif正在通過類.content在外部樣式表中調用。我想知道什麼我已經錯過了，因爲它是不能正常工作......頁面加載重置動畫gif

var img = this.find('.content'); 
 
img.src = "../images/rt2/728x90_Animated_bg_2x.gif"+"?a="+Math.random();

#banner a#main .content { 
 
    background-image:url('../images/rt2/728x90_Animated_bg_2x.gif'); 
 
    background-size: contain; 
 
    position: relative; 
 
}

<div class="content"></div>

來源

2015-06-11 chaser7016

您發佈的代碼存在一些問題。（1）你不能直接在jQuery對象上設置'src'屬性（看起來就像你使用'this.find（）'中的jQuery一樣）。（2）設置'src'是爲''標籤而不是背景其他元素的圖像。 – mjswensen

嗯，你想改變的來源首先img.src的什麼都不會做CSS屬性 div的「background-image」，而不是img元素的的。

您可以通過以下兩種方式改變這個CSS樣式在JavaScript：

的jQuery：

$(img).css("background-image","url('../images/rt2/728x90_Animated_bg_2x.gif"+"?a="+Math.random()+"')");

香草的JavaScript：

img.style.backgroundImage = "url('../images/rt2/728x90_Animated_bg_2x.gif"+"?a="+Math.random()+"')";

我沒有測試過這但它應該做的伎倆。至少是jQuery版本。

來源

2015-06-11 14:57:28 gburning

頁面加載重置動畫gif

回答

相關問題