[Pause timiline]

Ok, thank you very much.

 

I'll use call() and evaluates the value of i.

 

 

[Pause timiline]

What I'm trying to do is stop the timiline depending on whether the initial variable is true or false. At a specific point.

With the least possible cod.

 

Why is it, for example, wouldn't be possible?

tl.paused(false,  "frame1");    ;

[Pause timiline]

Thanks, what you suggest to me then is that I do this on my timiline

 

i = true;

     tl = gsap.timeline({
        repeat:-1,   
        defaults: { 
            duration: .5,
            ease: "quad.out"
          },
    });

 

    tl.addLabel( "frame1");
    tl.to("#txt1", {opacity:0},  "frame1");    
    tl.to("#txt2", {opacity:1},  "frame1");    

    tl.addPause( "frame1", function () {
            tl.paused(i)
    });

 

  tl.addLabel( "frame2");
    tl.to("#txt1", {opacity:1},  "frame2");    
    tl.to("#txt2", {opacity:0},  "frame2");    

 

[Pause timiline]

 it is possible to pause a timeline at a point, with tl.paused(true);

 

Thanks!!!!

 

 

 

for example:

 

i = true;

     tl = gsap.timeline({
        repeat:-1,   
        defaults: { 
            duration: .5,
            ease: "quad.out"
          },
    });

 

    tl.addLabel( "frame1");
    tl.to("#txt1", {opacity:0},  "frame1");    
    tl.to("#txt2", {opacity:1},  "frame1");    

    tl.paused(i);

 

  tl.addLabel( "frame2");
    tl.to("#txt1", {opacity:1},  "frame2");    
    tl.to("#txt2", {opacity:0},  "frame2");    

 

[Problems with DRAWsvg PLugin in a TimelineMax]

Good morning,

 

• Dipscom and Carl, thanks a lot for your support. We try to adding code at the "cli" and now works. I try to get better my Engish too.     

 

Best Regards.

[Problems with DRAWsvg PLugin in a TimelineMax]

Good evening,

 

We having some problem with Drawsvg Plugin.

 

I try to explain what is our problem:

 

In this case, I have a Timeline, with the three states of some button ( the labels "over", "out" and "cli" severaly). In the third state ( the last), it launch the event "click" to execute the code in the "cli" Label. But, as we could see in the developer inspector, the property stroke-dasharray has changed when the DrawSVG is doing when we don´t change this element (polyline class="st1") in anytime. In the inspector you can see this value:

 

stroke-dasharray: 0px, 999999px;

 

 

Here we put the URL of the codePen that I make like a example:

 

 

If you should take a look, and tell me which could be the problem, or error?

 

Thank you very much for yout support.

 

 

Best Regards!!

 

 

Rogelio Silván.

 

 

 

 

 

See the Pen rrdAJj by stoicom (@stoicom) on CodePen