Javascript 또는 JQuery에서 GSAP로드

Question

Flash에서 GSAP HTML5 애니메이션으로 전환하고 있으며 실제로이 작업을 가장 확실하게 수행하고 싶습니다. 내 HTML 문서 내에서 TimelineMax를 사용하는 일련의 애니메이션이 있습니다. 나는 이것들에 대해 몇 가지 질문을한다. 우선 여기 코드가 있습니다 :

<script> 
    window.onload = function(){ 
    var tl = new TimelineMax({repeat:2, repeatDelay:3}); 
    tl.add(TweenLite.to(container, 1, {autoAlpha:1, ease:Quad.easeIn})); 
    tl.add(TweenLite.to(my_films, 1, {width:177, height:44, alpha:1, ease:Power1.easeIn})); 
    tl.add(TweenLite.from(season2, 1.5, {alpha:0})); 
    tl.add(TweenLite.to(grantland, .5, {x:19, alpha:1})); 
    tl.add(TweenLite.to(packshot, 2, {alpha:1, ease:Power4.easeIn})); 
    tl.add(TweenLite.to(holiday, 1, {alpha:1})); 
    tl.add(TweenLite.to(starts, .75, {alpha:1})); 
    tl.add(TweenLite.to(buy, .5, {alpha:1, top:142, ease:Back.easeOut})); 
    } 
</script> 

로드하는 데 더 최적화 된 방법이 있습니까? 나는

window.onload = function(){ 

이 가장 좋은 방법은 아니라는 것을 알고있다 - 나는 document.ready 좋은 방법이 될 수 있지만, 그 일을 받고 힘든 시간을 보내고 수 있다고 들었습니다. 또한 지금은 이러한 방식으로 전체 TweenMax 라이브러리 당기는 해요 :

<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script 

은 내가 필요로하기 때문에 파일 크기에 저장을 선택 물건을로드 할 수있는 방법이 있나요? 제발 조언. 또한 greensock 포럼에 게시 할 예정이지만 Stack Exchange에서 행운을 빈다.

Answer 1

트위닝을로드하는 데 "최적화 된"방법이 있다고 생각하지 않습니다.

window.load 정보 - 그게 최선의 방법이라고 말할 수는 없습니다. 언제 스크립트를 시작 하느냐에 달려 있습니다. document.ready는 모든 DOM 구조가로드 될 때 시작됩니다. window.load는 페이지의 모든 내용 (이미지, iframe의 외부 내용 등)이로드 될 때 발생합니다. What is the difference between $(window).load and $(document).ready?

CDN에서 스크립트로드는 IMO 꽤 좋은 해결책입니다. "seleced things"를로드하려면 필요하지 않은 코드를 제거하고 필요하지 않은 코드를 제거해야하지만 필자는이 코드를 강력히 권고합니다. 깨진 파일들.