Calling timeline function in the middle of another timeline

[kathryn.crawford]

I'm trying to get my flicker animation to start after the opacity part of the tl tween. Problem is I can't just append it to the end, because I've got more tl tweens running while the flicker animation is happening. As you can see in the tween, it doesn't look like my function is firing at all. Any ideas?

 

Codepen updated: 

See the Pen YyoyLz by kathryncrawford (@kathryncrawford) on CodePen.

[Jonathan]

Hello kathryn.crawford,

 

That is due to the onComplete showing flick:

onComplete: flick

instead of flicker, the name of your function

onComplete: flicker

Try this:

 

See the Pen BogjZY by jonathan (@jonathan) on CodePen.

 

[kathryn.crawford]

@jonathan, haha woops! I posted the link before I finished editing the pen. I did put flicker there, but sadly, it doesn't work still.

 

See the Pen YyoyLz by kathryncrawford (@kathryncrawford) on CodePen.

[PointC]

Hi Kathryn ,

 

On your tl2 timeline, the staggerTo is going to an opacity of 1, but all the images are already at 1. If you set it to something like 0.5, it flickers.

 

See the Pen yYdOMY by PointC (@PointC) on CodePen.

[PointC]

Oh - and the stagger time was also missing (defaults to 0 )so everything was flickering at the same time rather than staggering.

[Diaco]

Hi kathryn.crawford 

 

pls check this out : 

See the Pen qOzNLz by MAW (@MAW) on CodePen.

[PointC]

Very nice Diaco and congratulations on your 1,000th post.