fondo con ciclo infinito

[mayid]

Quiero hacer un fondo con ciclo infinito. Es decir, que una imagen de1024px o lo que fuere se mueva de lado a lado de la pantalla, y que nunca termine.

Hay un ejemplo aqui (tarda un poco en cargar):
http://robot.anthonycalzadilla.com/

Pero no esta bien documentado, y sin embargo estimo que esta es la función que logra el ciclo:
http://robot.anthonycalzadilla.com/js/bg-position.js

Alguna idea de como hacer esto en jquery? Seguramente es facil y yo no lo se encarar.

[hector2c]

aaaaam, mayid, publicaste un .js XD!!!

[mayid]

Cierto. Corregido el primer link, que estaba duplicado. :)

http://robot.anthonycalzadilla.com/

Estoy buscando scroll, slide, y carousel en google, pero todavía nada...

[mayid]

Lo que saco en claro es que puede tener un div muy ancho con una imagen de fondo asignada. Luego, con .animate() puede mover el fondo y voilá!

Suena facil, pero animate me da error. Y no solo con la propiedad backgroundPosition sino también con otras en el animate.

Tengo esto:

<style type="text/css">

div {position: relative;}

#wrapper { background: #bedfe4 ; height: 600px}

#nube { background: url(cielo.jpg) no-repeat left -100px; height:400px; width:100%}

</style>

<script type="text/javascript" src="lib/jquery/jquery-1.3.2.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("#nube").animate({backgroundPosition: '(500px)'});

});

</script>

<div id="wrapper">

<div id="nube">
</div>

</div>

[mayid]

Listo! Lo consegui!

Esta es la función:

$(document).ready(function(){

function animar(){
$("#nube").css('background-position', '0px 0px');
$("#nube").animate({backgroundPosition: '1024px'}, 2000, 'linear', function() { animar(); });
};

animar();

})

Por cierto, aqui hay un ejemplo de lo que pretendo: http://devthought.com/blog/projects-...xlist-is-here/