javascript - gif 加载后更改背景图像？

Question

好吧，基本上我使用 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 */
}

Answer 1

恐怕你将不得不为此使用 JS，使用 images loaded 插件查看是否加载了 gif 图片然后更改 bg 属性