Como puedo repetir una animacion en jquery infinita ?

detodopcs · #1 (**permalink**) 14/03/2012, 18:37

Hola soy nuevo en foros del web. Abrí este tema para poder solicitar algo de ayuda
En una animación con jquery que quiero que se repita siempre. He andado buscando por
Google información sobre el tema pero no encuentro lo que busco y lo que he encontrado no le entiendo bien. me puedan ayudar a saber qué es lo que debo agregar al codigo Gracias por sus respuestas y saludos :)
este es el codigo:

jquery:

<script type="text/javascript">

var x;
x=$(document);
x.ready(iniciar);

function iniciar(){
var x=$("#moviendo");
x.animate({left:"20px"});
x.animate({left:"0px"});
}

</script>

CSS:
body{
background:#000;
}

#moviendo{
display:inline-block;
margin:30px 35px;
position:relative;
vertical-align:top;
}

HTML:
<body>

<img src="celular.png" id="moviendo" width="146px" height="296px"/>

</body>

Naahuel · #2 (**permalink**) 15/03/2012, 11:21

Tal vez haciendo que el callback de la última animación llame de nuevo a la función iniciar()

Código Javascript:

Ver originalvar x;
    x=$(document);
    x.ready(iniciar);
 
    function iniciar(){
        var x=$("#moviendo");
        x.animate({left:"20px"});
        //volver a llamar a iniciar() luego de terminar la última animación
        x.animate({left:"0px"},iniciar);
    }

detodopcs · #3 (**permalink**) 16/03/2012, 02:04

Gracias por Responder Naahuel si me funciono muy bien :) otra cosa que quería preguntar al estar moviéndose la animación indefinida mente no causara que se me aga lenta la web ?
Muchas Gracias por responder saludos.

#4 (**permalink**) 16/03/2012, 06:05

Personalmente no he tenido ninguna complicación con animaciones infinitas en jQuery. Mucho menos si es tan sencilla, seguro no tendrás problemas ;)

Naahuel · #5 (**permalink**) 16/03/2012, 06:59

El código que tenés ahí es un poco recursivo y no se detiene nunca por lo que si puede elevar el uso del CPU, pero la animación es sencilla y es sólo sobre una imagen. No debería dar problemas :)

detodopcs · #6 (**permalink**) 17/03/2012, 03:20

Niikkoo y Nashue Gracias por responder me sirvió de mucho saludos :)