Oliver/sunpower-banners
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: finaly IE change sunpower-banners-efficiency-300x600

Browse source
This commit is contained in:
dev-kp 2017-08-03 11:13:55 +01:00
parent d36fa45430
commit 246c3da184
1 changed files with 3 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/sunpower-banners-efficiency-300x600/js/banner.animation.js
View file

@ -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 );