首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用JS在CSS中删除作为背景图像的加载栏

使用JS在CSS中删除作为背景图像的加载栏
EN

Stack Overflow用户
提问于 2018-08-12 07:18:07
回答 1查看 36关注 0票数 1

我有一个定制的加载栏。我通过将他隐藏在照片的后面来使用它,所以每当照片发生变化时,背景就会出现,当照片加载时,加载栏就会隐藏在照片后面。最近,我不得不使用传输图像,现在在图像后面可以看到加载栏。

照片的id是“生成的”,这是css。

代码语言:javascript
复制
#generated {
    border: 1px solid #021a40;
    cursor: pointer;
    background: url(../images/loading400px.gif) 50% no-repeat;
}

我有一个更改此图像的JS函数。

代码语言:javascript
复制
function AsynchronouslyDownloadImage(address, img) {
    img.src = "static/images/shader.svg";
    let downloadingImage = new Image();
    downloadingImage.onload = function () {
        // This img.style.background is what I thought will make my background disappear but this isn't working
        img.style.background = "";
        img.src = this.src;
    };

    downloadingImage.src = imagesEndpoint;
    }

根据长长的评论,我认为ïmg.style.background是可以工作的。img是对其id=generated所引用的元素的引用。

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51804499

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档