使用JS

Question

我有一个定制的加载栏。我通过将他隐藏在照片的后面来使用它，因此每当照片改变背景时，当加载照片时，加载栏就会隐藏在照片的后面。 最近，我不得不使用运输图像，现在图像后面可以看到加载栏。

照片的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;
    }

根据长的评论，ïmg.style.background是我认为会起作用的。 img是对其id = generated生成的元素的引用。

Answer 1

代替 img.style.background = ""; 尝试这个： img.style.background = "transparent"; 或者，您可以尝试以下操作： img.style.display = "none";