make smoothe image scroller using tweenmax plugin

[raju]

i would like to create continuous image scroller animation using  tween max js. During the animation last image will appear with some delay ( white space ). How to remove that delay and make more smooth during animation

See the Pen 2 by rajrs (@rajrs) on CodePen

[Carl]

Hi and welcome to the GreenSock forums.

 

Thanks for providing the demo.

 

The easiest thing to do is just duplicate the first 2 images and place them at the end of the strip (since only 2 are visible at a time).

 

 

1 - 2 - 3 - 4 - 5 - 1 - 2

 

Move the strip far enough so that the last 2 images are visible and then repeat the animation like:

 

https://jsfiddle.net/7q3wpsod/3/

 

A more advanced technique is to animate each image on its own and move it back to its starting position once it goes off screen using the ModifiersPlugin.

Watch the video here: http://greensock.com/1-19-0/ and check out the "Carousel Wrap" demo on that page.