Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Horizontal infinite slider image of different width

Go to solution Solved by ZachSaucier,

Recommended Posts

As you can see above the way I have implemented is, each element should be wrapped into a different wrap(). Meaning, the element that is the most on the right needs to travel more towards the left in order to complete the window. 

FOr some reason this is not working and each element are travelling the same width...

I am really confused on how I could do that. Also it seems to be very ineffective. Couldnt find anything on the forum that is similar.

Any help is appreciated.

Thank you

Link to comment
Share on other sites

  • Solution

I answered a very similar question yesterday. 


Modifying what I said there to fit your use case:


it's probably easiest to position each [image] at the same position at the start. Then offset each's start position by the amount it needs to be offset. Then you should create an animation for each [image] that animates that section horizontally for the distance of all of your [image] widths. Then you use GSAP's modifiers to wrap the horizontal position. 


  • Like 2
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.