HowTo Zmieniające się tło strony

wersja skryptu MyBB:1.6.x
adres forum:http://mta-revolution.pl/ts/
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Mój problem polega na tym, że pragnę mieć zmieniające się tło strony... Napisałem taki oto skrypt:

    <SCRIPT language="javascript" type="text/javascript">
window.addEventListener('load', function () {
    var tla = ['url(bg_server.png)', 'url(bg_server2.png)'];
    var czas = 5;
    
    var i = 0;
    setInterval(function () {
        i++;
        i%=tla.length;
        
        document.body.style.backgroundImage = tla[i];
    }, czas * 1000);
}, false);
</SCRIPT>

Lecz nie do końca o to mi chodziło, bo moje tło składa się z 2 części z obrazka na cała stronę i z obrazka na samym środku i chciałbym, żeby właśnie ten na środeczki się tylko zmieniał, może aby rozjaśnić to css wyglada tak:

body {
margin: 0px;
padding: 0px;
background: url('images/bg_server.png') no-repeat top center ,url('images/bg.png') top left; color: #fff;
font:10px/14px Tahoma, Verdana, sans-serif; }

I tutaj jest moja prośba, czy ktoś potrafiłby przerobić ten skrypt tak, aby zmieniał się tylko ten obrazek w środku?

Snake_ napisał 20.12.2014, 18:29:
Gdzie jest wzór wątku? Proszę uzupełnić!
Problem nie jest związany z MyBB.

Ty napisałeś?

I daj adres forum, by można było to zobaczyć, jak jest teraz.

Źle napisałem, myślałem o czymś innym, a napisał co innego, miało byc znalazłem :3

A adres proszę: http://mta-revolution.pl/ts/

---

Chciałbym aby był ten obrazek dookoła, a zmieniał się tylko ten, który się zmienia do tej pory

---

Ale mógłbym przygarnąć jakiś inny pomysł jak to zrobić :/

Zobacz to: http://jsfiddle.net/X2NqX/

Niestety mi będzie ciężko pomóc, nie ukrywam, że łącze mi na to nie pozwala.

No co mam z tym zrobić? :o

---

Wszystko ładnie jest, wszystko pięknie jest, ale chciałbym aby te obrazki przechodziły między sobą poprzez fade!

    <SCRIPT language="javascript" type="text/javascript">
window.addEventListener('load', function () {
    var tla = ['url(1.png)', 'url(2.png)'];
    var czas = 5; // 5 sekund
    
    var i = 0;
    setInterval(function () {
        i++;
        i%=tla.length;
        document.body.style.backgroundImage = tla[i];
        
    }, czas * 1000);
}, false);
</SCRIPT>

Dałby radę ktoś to zrobić? :/