[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

[Grze_chu]

Robiłem coś takiego na www.r-style.com.pl

Jeżeli choć trochę ogarniasz tematyke, to będziesz wiedział o co biega (IMG:style_emoticons/default/biggrin.gif)

Pozdro, i owocnej pracy

BTW. nie korzystasz z dobrodziejstw jQuery.... poczytaj o css() i animate()

Ten post edytował Grze_chu 7.07.2010, 09:13:05

[kacpero1094]

Takie coś już robiłem. Problem tkwi w tym, że ten obrazek jest w tle. Tzn:

[CSS] pobierz, plaintext 
#top {
background: transparent url('topBackground.php') no-repeat;
width: 100%;
height: 666px;
}
[CSS] pobierz, plaintext 

I teraz po 15 sekundach chcę przeładować tło. Żeby ten plik topBackground.php wczytał się jeszcze raz (wylosował inne zdjęcie).
I nie wiem jak sobie z tym poradzić. Bo on tak naprawdę nie widzi różnicy.

[erix]

Przeglądarka Ci pewnie cache'uje.

Dopisz do nazwy coś po znaku zapytania, np. topBackground.php?2749325.

[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 

[erix]

onload.

[kacpero1094]

Tylko gdzie to onload dać?

[erix]

Albo dla całości, albo dla obrazka. Poeksperymentuj, na tacy ode mnie nie dostaniesz. Masz wskazówkę, składaj zegarek. (IMG:style_emoticons/default/tongue.gif)