uRmum
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by uRmum
-
-
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
timeline slider - restarting using forward button
in GSAP
Posted
Thank you Jack !
Your suggestion of putting it outside worked and thank you for so a quick reply !