Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Not messing the animations

Recommended Posts

Hi im new the forum and in the gsap world, i was making one of the petr tichy worskhop of gsap and one of them was making a slider, but we cant scroll through images , i make a codepen and try tu put the event mousewheel but i always end up messing all the animation, can anyone help me with this?


Thnx and happy tweening!

See the Pen jwXrgG by JulesthanP (@JulesthanP) on CodePen


Link to comment
Share on other sites

thanks mikel for the exaple and the help! i can use this as template nad i know how to use the mousewheel, but i want to know how to put the event mousewheel in this project! and im breaking my head in two jajaj well i hope some can help me with this

Link to comment
Share on other sites

Look at the code in that demo and you'll find your answer.

  • Like 1
Link to comment
Share on other sites

Hi @OSUblake


im watching very i can't figure it out what i missing, i dont know if is that im soy frustrated or what.


im think to make the same thing that i do with de navigation click, but with the musewheel event, but i fishish always messy the greensocks animations

Link to comment
Share on other sites

Hi @coderpunky


I know you sent me some private messages about this, but we do like to keep the answers in the public forum so everyone can learn from them. I'm not understanding your question about using the mousewheel. If you look at the demo from @OSUblake that @mikel posted, you'll see he has a few ways of controlling the slides. Buttons, arrow keys or the mousewheel. The mousewheel script starts on line 121 of that demo. You should be able to combine his demo with your photos and text to achieve your goal.


You can also fork Blake's demo and take it apart piece by piece if there is something you don't understand. If you have GSAP related problems as you continue with your project, we'd be happy to help. 


Happy tweening.


  • Like 3
Link to comment
Share on other sites

Well Finally i made IT! jjaja but i have a little problem cause i think i need to add it the play and reverse thats right? beacuse this only go up and it doesnt have me all control of the slide,  i will leave the new codepen


See the Pen jwXrgG by JulesthanP (@JulesthanP) on CodePen



Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.