I need to enable continuous scrolling

[jimeast]

I have 2 lines of GSAP so far in my project they are at the very end of the js code and they enable the background to scroll.  All the tiles scroll until you get to the last tile and the main animation starts over.  I tried to fix the problem by making the timeline a continous loop by adding -1  like this  var tl = new TimelineMax({repeat: -1}); . That just causes every image to animate constantly which will eventually cause the whole thing to grind to a halt.  I'm pretty sure it's a simple scope issue maybe I need a reference to a containing scope I'm not sure.  

See the Pen QyxPXK?editors=1010 by jimeast (@jimeast) on CodePen

[OSUblake]

Did you try using a relative value?

tl.to(('#' + imageIds[currentImageIndex]), 1, { backgroundPositionX: "+=30", ease:Linear.easeNone });

[jimeast]

That was it!!  Thank you so much!