[Help on Draggable Slider to Snap on the next/previous slide]

Thanks guys! I'll take a look at the helper functions and Jack's solution.. Really appreciate everything! ❤️

[Help on Draggable Slider to Snap on the next/previous slide]

Hi guys,

I'm trying replicate this carousel effect on one of my projects. 

 

 

My concern is that, whenever I tried to drag hard and fast, the carousel doesn't snap to the next slide and it animates all the way. I thought I need to change something on the snap function and apply the gsap.utils.wrap method but I can't figure it out. Anyone know what's the best approach to make it snap just on the next and previous slide?

 

Thank you so much!

See the Pen GRJwLNP by GreenSock (@GreenSock) on CodePen

[GSAP tween not working on Adobe Animate CC movieclip with timeline animation]

Hi all,

 

I'm having issues with a simple GSAP3 tween code that I use inside an Adobe Animate banner. 

 

I have a movieclip that has a simple scaling animation that uses Adobe Timeline. Now, I want that movieclip to scale using GSAP 3 so I wrote a code right after the Timeline animation.

 

The issue is that, the GSAP3 tween doesn't work but it only works when the code is in the last frame of the Adobe Timeline. 

 

I've also tried adding overwrite: true but it doesn't work.. I thought maybe I am missing some options that I need to add on my GSAP3 tween. 

 

You can check out my simple demo file attached.

 

Thanks in advance!

GSAP 3 Scale.zip

[Help on GSAP 3 Modifier - Card Stacking/Rotation Effect]

THANK YOU so much Jack! This is the effect that I'm looking for. 

 

I'll take a look at this!

 

Cheers!

 

[Help on GSAP 3 Modifier - Card Stacking/Rotation Effect]

Hi guys,

 

I am working on an effect that when users click on the left and right arrows, it should rotate accordingly same like a horizontal image slider/carousel works. However, this one should have a stacking effect and I thought that the modifiers would be key to achieving this. I think I need to animate the y, scale and z-index so the values should always rotate to the following values:

 

y: -20, -10, 0

scale: 0.9, 0.95, 1

z-Index: 0, 1, 2

 

Can someone please help me understand what I am missing?  I may not be understanding how modifiers works.  Hope my CodePen makes sense.

 

Thanks in advance!

 

See the Pen GRWBNLX?editors=1010 by mark-anthony-tingson (@mark-anthony-tingson) on CodePen

[Help me just get the Confetti from this Pen]

Hi guys,

 

Following up on this thread, I'd like to know how we can make all the confetti to pause? It's created dynamically with a class of dot, I don't know if there's a method to stop or pause a tween on a particular class.

 

Thanks!
 

[GSAP on BannerFlow]

Hi guys,

 

Is there anyone here that have used BannerFlow in creating digital ads? I'd like to know if it is possible to use GSAP on that platform and how.

 

Thanks in advance!

[Question about onComplete if parent Timeline is repeating.]

Thanks guys! Both answers worked for me!

[Question about onComplete if parent Timeline is repeating.]

So I have a Timeline that has a series of staggerFrom. Each staggerFrom has an onComplete event that fires properly. However, I want my parent Timeline to yoyo: true, and repeat once (repeat:1, repeatDelay:1) so it reverses back. If I add those parameters, the onComplete event from each staggerFrom is not firing on reverse.  Is there anything I am missing? TIA!

 

Please note that I need to get some properties of the element (like the width and left position) after the each stagger animation.  And I have multiple staggerFrom and tweens within my parent timeline. 

 

 

 

See the Pen YJQVYz?editors=1111 by anon (@anon) on CodePen

 

See the Pen YJQVYz?editors=1111 by anon (@anon) on CodePen

[Weborama HPTO Templates]

Thanks @Honingh,

 

I did try your solution but the skinRight.html doesn't look aligned. Is there something I missed? Attached is a screenshot of how it looks on my localhost.

 

Hopefully you can help me figure this out.

 

Thanks!

Mark

[Weborama HPTO Templates]

I also work on a lot of HPTO and APTO for Weborama. I'm doing the same thing - coding locally, upload  to Weborama to preview. Is there some kind of a tool that we can use to test locally? Just to speed up the process of building.