javascript - 在加载图像作为背景之前有一段时间，js

Question

我对js有点陌生，当我想将图像加载为背景图片时，加载图像文件时出现白色背景bcz，我该怎么办？这是我的代码：

const all_pages = ['visual', 'idea', 'decoration', 'digital-marketing', 'print']

function onCircleClick(page_id) {
    for (const page of all_pages) {
        document.getElementById(page).style.display = 'none'
    }
    document.getElementById(page_id).style.display = 'block'
    $(`#${page_id}`).chainFade({ toThe: 'left' })

    switch (page_id) {
        case 'visual':
            document.getElementById("ability").style.backgroundImage = "url('static/img/skill/visual-min.jpg')"
            break;
        case 'idea':
            document.getElementById("ability").style.backgroundImage = "url('static/img/skill/idea-min.jpg')"
            break;
        case 'decoration':
            document.getElementById("ability").style.backgroundImage = "url('static/img/skill/decor-min.jpg')"
            break;
        case 'print':
            document.getElementById("ability").style.backgroundImage = "url('static/img/skill/print-min.jpg')"
            break;
        case 'digital-marketing':
            document.getElementById("ability").style.backgroundImage = "url('static/img/skill/deigital-min.jpg')"
            break;
    }

标签： javascripthtmljquerycss