在pageload上重置动画gif

Question

下面是html / css和javascript代码我在页面加载时应该强制动画gif重新加载/播放每个页面加载。通过类.content在外部样式表中调用gif。我想知道我错过了什么，因为它没有正常工作......

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

好吧，首先img.src在您尝试更改 CSS属性的来源＆＃34;背景图片＆＃时，不会做任何事情。 34; div的一部分，而不是img元素的 HTML src属性。

您可以通过以下任一方式在JavaScript中更改此CSS样式：

jQuery的：

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

Vanilla JavaScript：

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

我没有对此进行过测试，但它应该可以解决这个问题。至少是jQuery版本。