Modifiers Plugin for Infinite Image Carousel
I'm trying to make an infinite image carousel that will be part of a rich-media banner ad. The idea is to have the images infinite scroll in both directions with user controls for Next and Previous. The area marked in red would be visible area of the ad.
I leveraged the pen from the Modifiers plugin. I got the Next button to work, but the Previous button is not quite as I expected. The Previous moves all the "box" divs to the left (as it should), but they end up outside the red area.
I assume you wanted something like this:
See the Pen LYjNbWp?editors=0010 by GreenSock (@GreenSock) on CodePen
I enhanced it by gradually speeding up or slowing down. You can tweak it however you want.
Strategy:
tween timeScale of the loop timeline. You can use a negative value to make it go in reverse.
Use a delayedCall() that you just restart whenever there's a wheel event so that after 1 second of inactivity, it fires