diff --git a/src/sunpower-banners-efficiency-300x600/js/banner.animation.js b/src/sunpower-banners-efficiency-300x600/js/banner.animation.js index 4ddc347..9168d26 100644 --- a/src/sunpower-banners-efficiency-300x600/js/banner.animation.js +++ b/src/sunpower-banners-efficiency-300x600/js/banner.animation.js @@ -248,11 +248,9 @@ Banner.prototype.animate = function () { .staggerFrom([this.copy4, this.copy5, this.copy6], 0.4, { x: -300, ease: Power1.easeOut }, 0.1) .to([this.copy4, this.copy5, this.copy6], 0.4, { x: -300, ease: Power1.easeIn }, '=+3') .staggerFrom([this.copy7, this.copy8], 0.4, { x: -300, ease: Power1.easeOut }, 0.1, 'cta') - // .from(this.cta, 1, { autoAlpha: 0 }, 'cta') .to([this.copy7, this.copy8], 0.4, { x: -300, ease: Power1.easeIn }, '=+2') .to([this.logo, this.cta], 0.4, { autoAlpha: 0 }, 'swap') - .from([this.logoBig, this.tag], 0.5, { autoAlpha: 0 }, 'swap+=0.5') - // .staggerFrom([this.copy10, this.copy11, this.cta2], 0.4, { autoAlpha: 0 }, 0.4, 'swap+=1') + .from([this.logoBig, this.tag], 0.5, { autoAlpha: 0 }, 'swap+=0.5') .staggerFrom([this.copy9, this.copy10, this.copy11], 0.4, { x: -300, ease: Power1.easeOut }, 0.1) .from(this.cta2, 0.4, { autoAlpha: 0 }) .call(function(){ @@ -263,24 +261,19 @@ Banner.prototype.animate = function () { _this.copyAnimation.addPause('reset', _this.addEventListeners, [_this]); } else { console.log('else') - _this.copyAnimation.to([this.copy10, this.copy11, this.logoBig, this.tag, this.cta2], 0.5, { autoAlpha: 0 }) - // .to(this.bg2, 0.5, { autoAlpha: 1 }); + _this.copyAnimation.to([this.copy10, this.copy11, this.logoBig, this.tag, this.cta2], 0.5, { autoAlpha: 0 }); } }); this.timeline = new TimelineMax({paused: false, repeat: 1, repeatDelay: 1}) .add(this.copyAnimation.play(), 'frame2+=1') - // .to(this.bg2, 1, { autoAlpha: 0 }) - .from([this.bg, this.vig], 12, { y: 32 ,easing:Linear.easeNone , rotation:0.01}, 'frame2+=1'); + .from([this.bg, this.vig], 16, { y: 32, easing:Linear.easeNone , rotation:0.01}, 'frame2+=1'); this.timeline.timeScale(1); }; Banner.prototype.addEventListeners = function (_this) { - // var _this = this; - console.log(_this); - _this.banner.addEventListener( 'mouseover', rollover ); _this.banner.addEventListener( 'mouseout', rollout );