Search the Community
Showing results for tags 'content slider'.
-
I have added a Scrolltrigger Interaction where content switches based on the slide image active. When I'm scrolling in the content switching is very easy as I'm running a function changeSlideContent(index) onStart. When I scrub back to top, any idea how do I switch title, content, index, and dot with respect to their image active. For each slide Image, there is a data attribute through which content is changing. Any idea how to achieve this smoothly? I have attached the codepen link. I tried the whole day figuring out this, hoping the community will have my answers
-
Trying to build a content slider where the slides are animated automatically as well as by using next and previous arrows based on this GSAP slider codepen, while I could manage to do each case alone: codepen where the slides are animated automatically another codepen where it's controlled with arrows only. the bug happens when trying to combine the two scenarios into one, it works well as long as the left and right arrows are not clicked, but if any arrow gets clicked (it's more obvious if you click the arrows more than one time) the animation seems like it lost the synchronization. I'm not sure if it could be fixed using .kill() to destroy the Tween and then re-initialize it but I'm not quite sure how to achieve that. Link to the same question on stackoverflow Thanks in advance