Dirtydev

Hi I have updated codepen to do it through simple jquery. Is there anyway to do it through GSAP the same functionality?? http://codepen.io/anon/pen/LVrgMx

Hi Guys, Thanks for all the help provided! I think i will have to figure out a way , with the help from all the references provided by you guyz! Once again thanks for all the references. Just for the info: http://phandroid.s3.amazonaws.com/wp-content/uploads/2015/04/Samsung-Galaxy-S6-Multi-view.jpg the stack of apps looking on the left, is how i wanted my images to get loaded first and then i can scroll up and down like it is shown here!

Hello Everyone, Its been a week for me to jump into Animation and came across GSAP. I have been trying to create an animation on mouse scroll (later on will be handle by scrollbar) where i have several images shown as stack and on scroll need to push each image vanish while it goes down one by one. Basically, what i am trying to achieve is that each image should animate like it should come from the background (small) to the front (big) and should be visible to the user (as a stack of images) and then it should go out of the window screen by sliding down ( each image one by one). I know I have pasted the whole code which is kind of mess but I have been juggling around trying different things available and currently it has become a mess! Apologies for the same but would really like to know if anybody has anything to suggest for the same. I tried breaking the whole flow into small frames but it looked to me as not achievable by myself. Thanks in advance.