javascript - 使用jQuery添加背景的淡入淡出效果更改

我有以下代码：

$(document).ready(function() {

    var bgCounter = 0,
        backgrounds = [
           "images/2.png",
           "images/1.png",
           "images/3.png"
        ];

    function changeBackground()
    {
        bgCounter = (bgCounter+1) % backgrounds.length;
        $('#page').css('background', '#000 url('+backgrounds[bgCounter]+') no-repeat');
        setTimeout(changeBackground,100000);
    }

    changeBackground();
    });

我需要在背景更改之间添加淡入/淡出效果。有指导吗？

最佳答案

只需添加：

$('#page').fadeIn()

之前

$('#page').css('background', '#000 url('+backgrounds[bgCounter]+') no-repeat');

还有这个：

$('#page').fadeOut()

之后..