Adesh Posted November 10, 2022 Share Posted November 10, 2022 How can i do reverse animation on text out animation? After the click on next or prev button, I need change order of slide down aniamtion which need to start from the button. Can anyone help me on this?? Also I am facing 3 more issue on same slider which is listed below. 1) I need to add slider dots to jump slides but i am getting error. 2) I need to add prev, next arrow HTML into all separate slides, Because i need to add text instead of arrow and it will change based on slide. 3) I need to change slide using drag. I am beginner on the Greensock, Please help me on the above points, It's a lot to me! Thanks, See the Pen yLEMVbZ by Adesh-Evince (@Adesh-Evince) on CodePen Link to comment Share on other sites More sharing options...
mvaneijgen Posted November 10, 2022 Share Posted November 10, 2022 Sliders are really complicated and need a lot of Javascript logic to function correctly. I've build a starter template for my self which has next/prev buttons, dots navigation and its draggable. I've made this as a jumping off point to modify when I need to, maybe it helps you find a solution for your problem. See the Pen GREebPK by mvaneijgen (@mvaneijgen) on CodePen Here is an example with a more fancy animation, but the logic is the same. See the Pen YzQZBgr by mvaneijgen (@mvaneijgen) on CodePen I've tried and placed comments in my code to make it more readable, hope it helps and happy tweening! 1 Link to comment Share on other sites More sharing options...
Adesh Posted November 10, 2022 Author Share Posted November 10, 2022 Can you please update my logic? I can't understand your logic. Is it possible? Link to comment Share on other sites More sharing options...
mvaneijgen Posted November 10, 2022 Share Posted November 10, 2022 Hey sorry, no that is not what this forum is for. You are welcome to post in the "Jobs & Freelance" forum for paid consulting, if that is what you are lookin for. Link to comment Share on other sites More sharing options...
Rodrigo Posted November 10, 2022 Share Posted November 10, 2022 Hi, For detecting mouse/pointer/touch events you can use the Observer Plugin in order to execute your code and GSAP animations: https://greensock.com/docs/v3/Plugins/Observer Happy Tweening! 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