Как вставить эффект fadein и fadeout?

Question

Этот код меняет фон каждые 20 секунд на

Как вставить эффект fadein и fadeout?

Мой JQuery код

var bg = $('#bg'); 
    var backgrounds = new Array(
     'url(1.jpg)', 
     'url(2.jpg)', 
     'url(3.jpg)', 
     'url(4.jpg)'); 

    var current = 0; 

    function nextBackground() { 
     bg.css(
      'background', 
     backgrounds[current = ++current % backgrounds.length]); 
     setTimeout(nextBackground, 20000); 
    } 

    setTimeout(nextBackground, 20000); 
    bg.css('background', backgrounds[0]); 

Answer 1

Tks! Я нашел одно решение

Код

вар currentBackground = 0;

var backgrounds = [];

backgrounds [0] = '2.jpg';

фонов [1] = '3.jpg';

backgrounds [2] = '4.jpg';

фоны [3] = '5.jpg';

backgrounds [4] = '6.jpg';

функция changeBackground() {

currentBackground++; 

if(currentBackground > 4) currentBackground = 0; 

$('#bg').fadeOut(500,function() { 
    $('#bg').css({ 
     'background-image' : "url('" + backgrounds[currentBackground] + "')" 
    }); 
    $('#bg').fadeIn(500); 
}); 


setTimeout(changeBackground, 30000); 

}

$ (документ) .ready (функция() {

setTimeout(changeBackground, 30000); 

});