gif加载后更改背景图片？

好了，所以基本上我用GIF作为背景图像，但我想它显示静态图像，直到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 */ 
}

来源

2016-07-26 Izaak Lindsay

试试这个http://stackoverflow.com/questions/29742508/show-loading-gif-while-image-is-loading –

林不使用图像标签虽然，香港专业教育学院看到关于它的几个帖子用图像标签，但找不到任何东西特别仅指定背景图像 –

您应该使用常规图像，以便您可以使用onload事件。没有DOM事件用于背景图像。 – PHPglue

恐怕你将不得不使用JS为此，使用图片加载插件，看是否GIF图像加载然后更改BG财产

来源

2016-07-26 04:23:52

嗯任何想法，为什么这不工作？ '' –

你能给我一个小提琴？ –

https://jsfiddle.net/vf4pcux9/2/ –

gif加载后更改背景图片？

回答

相关问题