如何在html中无延迟地更改背景

Question

我正在设计一个网站，我正在使用以下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>

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

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