I am trying to replicate a similar affect, but instead of crossfade between images straight away, does anyone have any ideas how to fade out the previous image completely before fading in the next image?
const fadeImagesTrigger = document.querySelector('[data-scroll="fadeImagesTrigger"]');
const fadeImages = document.querySelectorAll('[data-scroll="fadeInOut"]');
const fadeInOut = new TweenMax.set(fadeImages, {autoAlpha: 0});
let tween = TweenMax.staggerTo(fadeImages, 1, {autoAlpha: 1}, 1);
let scene = new ScrollMagic.Scene({
triggerElement: fadeImagesTrigger,
duration: '200%',
})
.setTween(tween)
.addIndicators()
.addTo(controller);