2011-09-01 5 views
0

내가하려고하는 것은 동시에 이미지를 움직일 수있는 동시에 연속적으로 움직이는 것입니다. 현재는 드래그가 가능하고 초기 애니메이션이 끝난 후 초기 위치로 돌아갑니다.애니메이션이 끝난 후 애니메이션을 다시 실행하는 방법 (jQuery)?

그러나 애니메이션을 계속 반복 할 수 있도록 다시 실행하는 방법을 모르겠습니다. 나는 animateCloud() 안에 animateCloud() 함수를 넣을 생각 이었지만 어디에 부착해야할지 모르겠습니다. 아래는 jsFiddle 데모입니다 :이 일을 더 나은 방법이 있는지

http://jsfiddle.net/iamacatperson/SfFgt/2/

또한 감사하겠습니다. 나는 jQuery를 배우기 시작했으며 두 가지 구문 만 알고있다.

+0

매우 유사한 기능입니다. [체크 아웃] (http://www.irengba.com/codewell/) – Samich

답변

3

당신이 .stop()을 사용하는 이유를 모르겠지만 난이 나는 이것이 당신이 원하는 희망

function animateCloud() { 
    $(cloud).animate({ 
     left: '300px' 
    }, 25000, function() { 
     $(this).css({ left: '0' }); 
     animateCloud(); 
    }); 

} 

을 워크해야 같아요.

+0

은 매력처럼 작동합니다. 재귀를 피할 수 있어야합니다 (단순히 스택을 채우지 않아야 함).하지만 메모리 공간은 최소화 된 것 같습니다. – tucuxi

+0

예, 그렇습니다. 감사! 왜 내가 처음 stop()을 넣었는지 정확히 모르겠다. 나는 놀고 있었고, 내가 필요하다고 생각했다. – catandmouse

+0

이제 저는 마우스 오버시 애니메이션을 멈추고 마우스 아웃시 계속 움직이기를 원했습니다. – catandmouse

관련 문제