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 */
}
恐怕你将不得不使用JS为此,使用图片加载插件,看是否GIF图像加载然后更改BG财产
嗯任何想法,为什么这不工作? '' –
你能给我一个小提琴? –
https://jsfiddle.net/vf4pcux9/2/ –
试试这个http://*.com/questions/29742508/show-loading-gif-while-image-is-loading –
林不使用图像标签虽然,香港专业教育学院看到关于它的几个帖子用图像标签,但找不到任何东西特别仅指定背景图像 –
您应该使用常规图像,以便您可以使用onload事件。没有DOM事件用于背景图像。 – PHPglue