[jquery] przesuwanie diva z tłem w nieskonczonej pętli Opcje

[basu]

jak przesuwać tło w divie, tworząc tylko krótki obrazek tła i powtarzać go w pętli?

Znalazlem taki przyklad, ktory prawie mi odpowiada, ale tutaj tworza długi obrzek tła na szerokość 1000px i animuja tylko 1 raz.

http://robot.anthonycalzadilla.com/

Ten post edytował basu 21.07.2009, 21:35:36

[basu]

zrobilem cos takiego do tej pory:

[HTML] pobierz, plaintext 
$(document).ready(function(){ 
 
$('#ground').css({backgroundPosition: 'left bottom'});
 
$('#wrapper').css({overflow: "hidden"});
 
animation();
//setTimeout("animation2()",10000);		
});
 
function animation() {
	$('#ground').animate({backgroundPosition: '(-500px bottom)'}, 1000);
	animation2();
}
 
function animation2() {
	$('#ground').animate({backgroundPosition: '(0px bottom)'}, 10000);
	animation();
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
div {position: relative;}
 
#wrapper {
background: #bedfe4 url(sun.png) no-repeat left -30px;
border: 5px solid #402309;
height: 400px;
width:500px;
}
 
#ground {
	background: url(ground-05.png) no-repeat left bottom;
	height: 400px;
       width: 1000px;
}
 
#branding {
	background: url(robot-head.png) no-repeat center top;
	width: 271px;
	height: 253px;
	z-index: 4;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="wrapper">
   <div id="ground"></div>
</div>
[HTML] pobierz, plaintext 

teraz obrazek jest zapetlony i jedzie od lewe do prawej i odwrotnie. Jak zmienic ten kod aby dzialal tak jak opisujesz? Nie wiem jak zmienic javascript, aby przesunal pozycje do poczatku "przeskakujac" do do poczatkowej pozycji i wtedy Twoj sposob moglby zadzialac...
probowalem wstawić $('#ground').css({backgroundPosition: 'left bottom'}); i zresetowac pozycje do poczatku w animation2(), ale nie dziala.
Sugestie?