No olvides que en las ciencias un error casi siempre tiene varias resoluciones, pero nosotros enseñaremos lo más óptimo y mejor.
Solución:
Prueba esto:
JSFiddle http://jsfiddle.net/2YqH2/
No vas a mover las nubes hacia el lado derecho. Dentro de la función de bucle, agregué
$('#clouds').css(right:0);
y el bucle continuará desde allí. También cambié tu animación para animar la propiedad “right” ya que dijiste que querías que las nubes se movieran de derecha a izquierda.
Además, su javascript no estaba bien formado. ¡Asegúrese de obtener esos paréntesis y llaves de cierre! Aquí está el javascript fijo.
$(document).ready(function()
function loop()
$('#clouds').css(right:0);
$('#clouds').animate (
right: '+=1400',
, 5000, 'linear', function()
loop();
);
loop();
);
Todas las respuestas anteriores son soluciones de “pirateo”.
De acuerdo con la documentación de jQuery para animate()
, el segundo parámetro es un options
objeto que tiene un parámetro complete
; una función que se llama cuando se completa la animación.
En el caso de OP, este option
El objeto se configuraría de la siguiente manera:
function loop()
$('#clouds').css(right:0);
$('#clouds').animate(
right: '+=1400',
,
duration: 5000,
easing: 'linear',
complete: loop
);
loop();
Reseñas y valoraciones del tutorial
Eres capaz de patrocinar nuestra ocupación escribiendo un comentario o dejando una valoración te damos las gracias.