Antdev Posted March 31, 2022 Share Posted March 31, 2022 Hi there I am creating a carousel where the items move and scale. I have hard coded it using some buttons to illustrate the movement and scaling using buttons to move between elements. I would like to implement "swiping" functionality as this will be used only on a touch screen device. So I would like it to be a seamless loop too so if the user keeps swiping it loops. And ideally I would like it so if the user drags the carousel moves with the finger either left or right depending on the finger movement direction. I am pretty sure Draggable and Scroll Trigger are my friend here but I am not sure how best to hook these into the required animation. Note I will have different bottles in the finished application. If you can give me any tips on how best to implement this it would be much appreciated. Here is a codepen I have created. You will need to maximise this to see it properly. Thanks Ant See the Pen XWVawyK by antdev (@antdev) on CodePen Link to comment Share on other sites More sharing options...
Solution nico fonseca Posted March 31, 2022 Solution Share Posted March 31, 2022 Hey @Antdev , here you have a thread with an effect similar to the one you want to implement 🙌 3 Link to comment Share on other sites More sharing options...
Antdev Posted April 2, 2022 Author Share Posted April 2, 2022 Thank you Nico for the link. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now