Calling timeline function in the middle of another timeline

[kathryn.crawford 11 Likes (Newbie)]

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 5,393 Likes (Superhero)]

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 11 Likes (Newbie)]

@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 14,465 Likes (Superhero)]

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 14,465 Likes (Superhero)]

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

[Diaco 1,999 Likes (Superhero)]

Hi kathryn.crawford 

 

pls check this out : 

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

[PointC 14,465 Likes (Superhero)]

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