加载gif后更改背景图像?

时间:2016-07-26 04:08:09

标签: javascript html css image

好吧基本上我使用gif作为背景图片,但是我喜欢在gif完全加载并准备播放之前显示静态图像。

阅读了几个相似的主题我知道你可以用js定位元素并在加载后更改它们但是我见过的唯一例子是目标img标签,而不是通过css的背景图像。

如果它有帮助,请提供一个片段

body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  width: 100%;
  height: 100%;
  background: #232228 url(../img/bg-center.jpg) top no-repeat; /* Static */
  background: #232228 url(../img/bg-center.gif) top no-repeat; /* Animated */
}

1 个答案:

答案 0 :(得分:0)

我担心你必须为此使用JS,使用图片加载的插件来查看是否加载了gif图像然后更改了bg属性