GSAP Slider/Carousel, Next and Previous Buttons
Hello!
I'm working on a slider with an overlapping slide transition. It's based on Craig’s response in this post:
I've made a demo of my work so far, in the attached pen.
I can make the slider auto-play forward and loop, with no buttons, but I’d like to have buttons too. This is what I’m trying to figure out:
I'd like the slider to loop forward automatically, but if the Next or Previous buttons are pressed, it should move forward (or backward) 1 slide a
Hello @PointC, thanks for sharing!!
i have been playing around with this carousel and its great, but there seems to be a problem.
This part of the code doesn't respect the 'repeat' property for some reason.
var animation = gsap.to(slides, {
xPercent: "+=" + (numSlides * 100),
duration: 1,
ease: "none",
paused: true,
repeat: -1,
modifiers: {
xPercent: wrap
}
});
if i change the 'repeat' to say '1' it keeps looping and doesn't stop. just wondered if there was somethi