javascript - 在页面加载时重置动画 gif

Question

下面是 html/css 和 javascript 代码，我在页​​面加载时应该强制动画 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>

Answer 1

好吧，首先 img.src 不会执行任何操作，因为您正在尝试更改 CSS 属性 的“背景图像” div，而不是 img 元素的 HTML src 属性。

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

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 版本。