Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

DD77

BusinessGreen
  • Posts

    171
  • Joined

  • Last visited

Everything posted by DD77

  1. DD77

    SVG animation

    var newAnim = new TimelineLite({paused:true});
  2. DD77

    SVG animation

    the if is setting the states if (toggle === "closed") { toggle = "open"; }
  3. DD77

    SVG animation

    I tried something like that, if(toggle = "open") { anim.pause(); }else { anim.play(); }
  4. DD77

    SVG animation

    Something like this perhaps? is not stopping though... function onReverseComplete() { anim.play(!anim.reversed()); }
  5. DD77

    SVG animation

    I’ll give it a go tomorrow first thing! I’m on my mobile now! Thanks for your magnificent help!
  6. DD77

    SVG animation

    I will play a bit more tomorrow. something like this? $(this).click(function(){ anim.play(); })
  7. DD77

    SVG animation

    Something liek that? but now sure where to implement it. onReverseComplete: function () { }
  8. DD77

    SVG animation

    I would say that but I toggle just one! so I'm not sure to reverse the whole animation... function reverseAnim() { anim.reverse(); }
  9. DD77

    SVG animation

    toggle = this.index; ?
  10. DD77

    SVG animation

    Tried something like this, but didn't work... else { anim.to(targets[this.index], 1, {autoAlpha:0}); }
  11. DD77

    SVG animation

    yes, the anim = new TimelineMax(); is inside of the if statement
  12. DD77

    SVG animation

    Dam that was close! yes, I can see the if close is true statement.
  13. DD77

    SVG animation

    function doCoolStuff() { anim = new TimelineMax(); if (toggle) { anim.to(targets[this.index], 1, { y: -50 }); } else { return; } } something like this?
  14. DD77

    SVG animation

    something like this? toggle = function(){ if(!anim.isActive()){ anim.reversed(!anim.reversed()) } }
  15. DD77

    SVG animation

    WOW, it seems an infinite process. It looked fine to me, but you're right! I'm lost now! Completely.
  16. DD77

    SVG animation

    Looks is working now! is this correct?
  17. DD77

    SVG animation

    yes, the image open has the button active and the others hidden. therefore I have to click the back button to revert all
  18. DD77

    SVG animation

    Commneting off this line, works perfectly, is this what you meant? //if (newTarget === oldTarget) {return;}
  19. DD77

    SVG animation

    I can't figure it out this guys, I'm sorry, the animation goes back fine but for some reason, the button doesn't previously click doesn't click! am I that far? $(backButton).click(function () { TweenMax.to(covers[oldTarget], dur, {attr:{x:0, width:2000}}, 0 ); TweenMax.to([reveals[oldTarget], covers[oldTarget]], dur, {attr:{x:1000, width:0}}); });
  20. DD77

    SVG animation

    I'm struggling because from the beginning I went in deep water with a code written by Point-c. Since then I could't really manipulate it much. I'll try to work something out.
  21. DD77

    SVG animation

    newTarget opens the animation and the oldTarget closes the animation
  22. DD77

    SVG animation

    on doCoolStuff I initiate the masking animation anim on the jQuery functions I play and revessing the buttons but not the masking animation . So I guess I need to connect the doCoolStuff with the buttons? I'm not sure I know how. I tried to do anim.reverse();
  23. DD77

    SVG animation

    This is my last pen, which I've implementent your code plus, anim.reverse(); which reverts the image mask animation. however the button still on the second click stops working.
  24. DD77

    SVG animation

    Ok, adding anim.reverse(); it returns to the starting position but still if I click the same button again, the animation doesn't restart and here trust me I getting lost...
  25. DD77

    SVG animation

    Yes, exactly! I need to figure it it out. Click on button A > nothing happens, I need t understand why stops working I Saw that the className: '-=animate' doesn't get removed. But if I remove it manually from the console the button still doesn't work.
×