Jump to content
Search Community

jeffbkk76

Members
  • Posts

    3
  • Joined

  • Last visited

Posts posted by jeffbkk76

  1. Sorry guys, my question might not be entirely related to Tweenmax or animations (  ) !!

     

    I stuck with the piece of code below where basically we animate sections with mousewheel . Each sections has it's own animations (intro and outro) .And i stuck at the end trying to concatenate functions and call them. I already ask on stackoverflow but their solutions is not something i'm confortable with yet. 

     

    Here is the sample code

    var siteGlobal = (function(){
    
                init();
    
                var init = function(){
                   bindEvents();
                }
    
                 // then i got my function to bind events
                 var bindEvents = function(){
                    $(document).on('mousewheel', mouseNav());
                    $(document).on('keyup', mouseNav());
                 }
    
                 // then i got my function here for capture the event
                 var mouseNav = function(){
                   // the code here will capture direction
                   // nextSection();
                 }
    
                 var nextSection = function(){
                   // Here we check if there is prev() or next() section
                   // if there is do the change on the section
                   // switchSection();
                 }
    
                var switchSection = function(nextsection){
                  // Get the current section and remove active class
                  // get the next section - add active class
                  // get the name of the section with data-name attribute
                  // throw the animation 
                  var myFunctionOnEnter = window['section'+ Name + 'Exit'];
                } 
    
    
               // Let's pretend one section is call Intro 
               var sectionIntroExit = function(){
                  // animation code here
               }
         }();
    

    Calling myFunctionOnEnter() doesn's seems to work..What did i do wrong? 

  2. [js][/js]Hello everyone ,
     
    I'm new to this forum and also new to javascript in general. 

     

    I got a problem to set up a delay in my timeline.
     

    I got a series of tween within it witch basically animate x axis and width of a line and it's mask  

     

    I made it infinite by using restart() when complete. 

     

    the delay is set to 0 at first but i want it to be changed to 2 after the first iteration.

     

    And i can't figure it out how.

     

    The pen can be seen here: 

     

     

    Can someone point out my mistake ? 

     

    Cheers.

     

    See the Pen qqePaO?editors=0000 by jeffbkk76 (@jeffbkk76) on CodePen

×
×
  • Create New...