如何使用JS删除CSS中的加载条作为背景图像?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (70)

我有一个定制的装货吧。我用它隐藏他背后的照片,所以每当照片改变,背景出现,当照片被加载时,加载栏隐藏在照片后面。最近我不得不使用传输图像,现在加载条在图像后面是可见的。

照片的ID是“生成的”,这是css:

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

我有一个改变这个图像的JS函数。

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;
    }
提问于
用户回答回答于

试试这个:img.style.background = "transparent";或者你可以试试这个:img.style.display = "none";

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励