Firefox不会过渡到下一张图片

Question

我正在尝试在要构建的网站的各种背景图像之间循环。一切都可以在Chrome上正常运行，但是在Firefox和Edge上却遇到了一些令人沮丧的错误。我编写了一个小脚本，每8秒更改div元素的背景图像，但是在第一个间隔之后，屏幕在Firefox和Edge上变为空白。当我检查控制台时，它说浏览器无法加载图像，但它指向正确的图像。

我尝试过使用Webkit，但这也不起作用。

用于更改背景的脚本：

pip install nfp

CSS：

var images = [
    'url(../photos/pancake.jpg)',
    'url(../photos/waffles.jpg)',
    'url(../photos/eggs.jpg)',
    'url(../photos/sandwich.jpg)'
]
var counter = 0;

function changeBg() {
    document.querySelector('.bgImg').style.backgroundImage = images[counter];
    counter++;
    if (counter === images.length) {
        counter = 0;
    }
}
setInterval(changeBg, 8000);

firefox控制台错误：

Answer 1

更新：我上传到Web服务器，它解决了该问题。谢谢你yunzen – Andrew Eyesman