Javascript 如何在html中毫不延迟地更改背景

我正在设计一个网站，并使用以下javascript更改中div的背景：

<script>
    var newback = document.getElementById("introImage");
    var images = ["img/intro.jpg" , "img/intro2.jpg" , "img/intro3.jpg"]
        var i = 0;
        setInterval(function() {
            newback.style.backgroundImage = "url(" + images[i] + ")";
            i = i + 1;
            if (i == images.length) {
                i =  0;
            }
        }, 5000);
</script>

var newback=document.getElementById（“introImage”）；
var images=[“img/intro.jpg”、“img/intro2.jpg”、“img/intro3.jpg”]
var i=0；
setInterval（函数（）{
newback.style.backgroundImage=“url（“+images[i]+””）；
i=i+1；
if（i==images.length）{
i=0；
}
}, 5000);

它工作正常，但有一个问题。当我打开网页时，下一张bacground图像会在5秒钟后下载，因此第一次转换到每张图像的速度会很慢，具体取决于互联网速度

---

是否可以在开始时下载这些图像？

是否使用jQuery库？搜索图像预加载此链接显示了预加载图像的简单概念：谢谢，预加载成功。