Question

我正在尝试自动更改网站上的背景图像，但是每次应更改该错误时都会出现此错误：

获取http://localhost:8383/img/fotoHeader2.jpg净值：: ERR_EMPTY_RESPONSE

我试图更改图像的路径，但是无论如何都无法正常工作。你知道如何解决这个问题吗？

代码如下：

var imageFile = ["fotoHeader.jpg", "fotoHeader1.jpg", "fotoHeader2.jpg"];
var currentIndex = 0;

setInterval(function () {
    if (currentIndex == imageFile.length) {
        currentIndex = 0;
    }

    $(".fotoHeader").css('background-image','url(../img/' + imageFile[currentIndex] + ')');
    currentIndex++;
}, 5000);

这是目录结构：

Directory

Answer 1

我建议您更改此行：

$(".fotoHeader").css('background-image','url(../img/' + imageFile[currentIndex] + ')');

对此：

var bgImage = 'url(../img/' + imageFile[currentIndex] + ')';
console.log(bgImage);
$(".fotoHeader").css('background-image',bgImage);

因此您可以在浏览器控制台上console.log您的URL，然后将其放入CSS代码中以查看其是否有效：

.fotoHeader{
    background-image: put one of your console.log result here;
}

顺便问一下，您将js代码放入了哪个文件？ main.js或index.html？

不自动更改背景图像jQuery

1 个答案: