자바 스크립트/jQuery 애니메이션

Question

플래시에서 HTML/JS로 대체하고 있습니다. 아래 링크에서 볼 수있는 슬라이드 쇼 효과를 얻으려고합니다. Actionscript에서 이것은 Tween 함수를 사용하여 수행됩니다.

http://www.mrporter.com/

아무 것도 비슷하고 효율적인 있는가 (즉,하지 프로세서 집약적 인)이 허용 할 수 자바 스크립트 jQuery를 사용할 수 ...? 포장 권장하는 제 3 자, API의 등 ...

많은 감사

Answer 1

jQuery animate 애니메이션을 할 수있는 좋은 시작이다.

귀하의 모든 이미지를 서로 옆에 <div>에 놓고 1000ms마다 애니메이션을 만드십시오. 다음 애니메이션으로 이동합니다.

var numberOfImages = 5, ix = 0; 
setInterval(function() { 
    // reset after 'numberOfImages' is reached 
    ix = ++ix = numberOfImages ? 0 : ix; 

    $('#awesomeImage').animate({ 
     left: ix * -500px 
    }, { "duration": "slow", "easing": "easein" }); 
}, 1000);