Javascript 幻灯片背景<；车身>；标签

当用户加载我的页面时，我想让背景颜色为白色，然后在5秒钟后淡出颜色并在图片中淡出。5秒钟后，再次淡入另一张图片，这样你可以在我的内容后面的背景中创建一个幻灯片放映。这就是我现在拥有的，但它不起作用，有什么帮助吗

$(document).ready(function() {
setTimout(function() {
    $('body').css("background-image","url('../img/background/1.jpg')").fadeIn(1000)
},5000);

function repeat() {
    $('body')
        .delay(5000).css("background-image","url('../img/background/2.jpg')").fadeIn(1000)
        .delay(5000).css("background-image","url('../img/background/3.jpg')").fadeIn(1000)
        .delay(5000).css("background-image","url('../img/background/1.jpg')").fadeIn(1000);
}
window.setInterval(repeat, 18000);
});

---

以下是语法错误：

setTimout(function() {
$('body').css("background-image","url('../img/background/1.jpg')").fadeIn(1000)
},5000);

应该是

setTimeout(function() {
$('body').css("background-image","url('../img/background/1.jpg')").fadeIn(1000)},5000);

setTimeout中缺少e

我也不相信你将能够淡入背景图像，除非你设置在一个DIV上，除非你淡出身体。我已经将你的背景变换器重新写入了更少的代码行中，并提供了一个图像列表。这将使阵列中的图像保持循环

$(document).ready(function () {
                var images = ["../img/background/1.jpg", "../img/background/2.jpg"];
                var index = -1;

                window.setInterval(function () {
                    index = (index + 1 < images.length) ? index + 1 : 0;
                    $('body').css("background-image", "url('" + images[index] + "')");
                }, 5000);
            });

$（文档）.ready（函数（）{
var images=[”./img/background/1.jpg“，”./img/background/2.jpg“]；
var指数=-1；
window.setInterval（函数（）{
索引=（索引+1

有没有一种方法可以通过crossfader实现这一点。我可以使用/animate吗？还是必须使用.fadeIn？