[JavaScript] Płynna zmiana tła bloku div - JQUERY Opcje

[kacpero1094]

Na wstępie powiem, że zrobiłem sobie w PHP skrypt, który wylosuje zdjęcie, doda do niego ramkę, która jest zapisana w osobnym pliku i zwróci całość. Ten plik ustawiłem jako tło dla jednego bloku div. Teraz chciałbym zrobić, żeby skrypt płynnie co 15-20 sek zmieniał zdjęcia na tle.
Próbowałem czymś takim to zrobić:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(
	function() {
		setTimeout(function() {
			$("#top").fadeOut("slow",function() { document.getElementById('top').style.background="transparent url('topBackground.php') no-repeat"; });
			$("#top").fadeIn("slow");
		},15000);
	}
);
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował kacpero1094 7.07.2010, 07:30:40

[kacpero1094]

Zrobiłem tak i teraz jest dobrze. Ale drugie zdjęcie zanim się wczyta, wykonywana jest funkcja fadeIn(). Co zrobić, aby najpierw wczytywało się zdjęcie, a dopiero potem została wykonana funkcja fadeIn()?
Mam taki kod:

[JAVASCRIPT] pobierz, plaintext 
function resetBackground() {
	var time=new Date();
	var bckg="transparent url('images/topBackground.php?" + time.getMinutes() + ':' + time.getSeconds() + "') no-repeat";
	document.getElementById('top').style.background=bckg;
}
$(document).ready(
	function() {
		setInterval(function() {
			$("#top").fadeOut("slow",function() { resetBackground(); });
			$("#top").fadeIn("slow");
		},10000);
	}
);
[JAVASCRIPT] pobierz, plaintext