[CSS][JavaScript][PHP] Zmiana background-image co kilka sekund Opcje

[-Alex00101-]

Witam,
Mam kod który zmienia tło strony co 3 sekundy, jednak chcę uzyskać efekt delikatnego przejścia z jednego tła w drugie. Obecnie jest to gwałtowny przeskok z jednego zdjęcia w drugie.

[PHP] pobierz, plaintext 
<script type="text/javascript">
 
window.addEventListener('load', function () {
    var tla = ['url(foto1.jpg)', 'url(foto2.jpg)'];
    var czas = 3; // 3 sekundy
 
    var i = 0;
    setInterval(function () {
        i++;
        i%=tla.length;
 
        document.body.style.backgroundImage = tla[i];
    }, czas * 10000);
}, false);
</script>
 
[PHP] pobierz, plaintext 

[SmokAnalog]

Musisz wstawić dwa divy z tłem lub dwa obrazki, jeden na drugim (position: absolute). Obrazek z przodu jest niewidoczny (opacity: 0), a następnie płynnie dodajesz mu opacity, aż osiągnie opacity: 1.