[timeline slider - restarting using forward button]

Thank you Jack !

Your suggestion of putting it outside worked and thank you for so a quick reply ! 

 

[timeline slider - restarting using forward button]

Hey guys ! I've been trying to make this slider for the couple couple of days without much success. 

I have a slider and I'm trying to every time it finishes, it goes back to the first image, but it just stays in the same. 

 

Here is a snippet of my js.

 

$(".right-arrow").click(function() {
    
    var contentSlides = $('.slider .slide');
    
    var currentSlide = 0,
        tl = new TimelineMax();
    

            tl.fromTo(contentSlides.eq(currentSlide), 0.4, {webkitClipPath: "inset(0 0 0 0)", x: 0}, {webkitClipPath: "inset(0 0 0 100%)", x: 10} );    
            
            if ( currentSlide < contentSlides.length ) 
            {    
                currentSlide++;
            }
            
    
            else if( currentSlide == (contentSlides.length -1) )
            {
                currentSlide = 0;
            }
            
            
            tl.fromTo(contentSlides.eq(currentSlide), 0.4, {webkitClipPath: "inset(0 100% 0 0)", x: -40}, {webkitClipPath: "inset(0 0 0 0)", x: 0} )

    
    
});

 

 

Thanks in advance