Not messing the animations

[coderpunky]

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

 

[mikel]

Hi coderpunky,

 

 

Welcome to GreenSock Forums.

 

Perhaps this example could be helpful: 

See the Pen 62b4dfe92278650f2207ca38903dd82f by osublake (@osublake) on CodePen

 

Kind regards

Mikel

[coderpunky]

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

[OSUblake]

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

[coderpunky]

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

[PointC]

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.

[coderpunky]

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