Jump to content
GreenSock

raju

make smoothe image scroller using tweenmax plugin

Recommended Posts

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

Link to comment
Share on other sites

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.

  • Like 3
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×