CDN: TimelineLite - uncaught reference error

[Thomas James Thorstensson]

Hello, the below works, loading TweenMax from CDN

<script src="https://s0.2mdn.net/ads/studio/cached_libs/tweenmax_1.19.0_643d6911392a3398cb1607993edabfa7_min.js"></script><script src="https://s0.2mdn.net/ads/studio/cached_libs/cssplugin_1.18.5_6bbddbd910e8bfac4e19220fe52e1af6_min.js"></script>


function initAnim() {
    var TL = new TimelineLite();
    TL.from("#banner", 1.2, { autoAlpha: 0 });
    TL.to("#car", 2, { x: 200, y: 200 })
}

But the following does not work, it tells me that TimelineLite is not defined, loading TweenLite from CDN

 

<script src="https://s0.2mdn.net/ads/studio/cached_libs/tweenlite_1.19.0_422f021fad4c20f20cf3640a06ac39e9_min.js"></script>
<script src="https://s0.2mdn.net/ads/studio/cached_libs/cssplugin_1.18.5_6bbddbd910e8bfac4e19220fe52e1af6_min.js"></script>


function initAnim() {
    var TL = new TimelineLite();
    TL.from("#banner", 1.2, { autoAlpha: 0 });


    TL.to("#car", 2, { x: 200, y: 200 })
}

I am perplexed. I am sure this worked before. Since I am only creating an instance of TimelineLite, i should not need to load TweenMax. Hmm. What on earth.

 

 

Thankful for insights,

 

".S" 

 

[GreenSock]

You loaded TweenLite and CSSPlugin only in that second example. You forgot to load TimelineLite. 

 

Remember, TweenMax has a bunch of common tools INSIDE of it, like TweenLite, CSSPlugin, TimelineLite, TimelineMax, BezierPlugin, RoundPropsPlugin, etc. That's why the first one worked - you were loading TweenMax. 

 

Does that clear things up?