Hello everyone,
I'm new to JavaScript and GSAP and at forums at all, so excuse me if something is incorrect, but what I've saw until now GSAP is a great tool for animations.
I have a video(duration of 30sec) sequence that has been exported as 900 jpg's. My target is to make animation like the one in http://www.sony.com/be-moved/ . I load all images in an array and then execute the animation on scroll, which changes the src of an img tag like the example from scrollMagic http://scrollmagic.io/examples/expert/image_sequence.html. It's working very smooth on Chrome, IE, Safari, Opera (Windows 8.1), but on Firefox there's a blinking effect. When I scroll and change the src img tag is blinking and loosing video effect. In the codepen example it can be seen only for the first time when you scroll and then it's ok, i guess because of cashed images, but in my project they are 900 and it do it all the time. I'm looking for solution over two weeks and from what I've read 99% it's a Firefox performance bug or something. But anyway I wanted to ask the experts if there is any workaround or there's something wrong in my code. Firefox version is 38.0.5.
Thanks in advance,
Vlady