Jump to content
GreenSock

Barrett

Members
  • Posts

    5
  • Joined

  • Last visited

Posts posted by Barrett

  1. Hi All,

     

    I'm currently trying to create function that controls a sprite 4420px wide. The sprite is masked and only displays 170px width at any time. On a button click the sprite moves -170px to display the next image and so on. However when the last image of the sprite is reached I want to loop back to the first frame.

     

    The if statement only seems to be recognised if the 'style.left ==  0'.

     

    Please see my function below any help would be appreciated.

     

    Thanks

     

    addListeners = function () {
      
      angleLeft.addEventListener('click', angleLeftClick, false)
      
    }
    
    leftClick = new TimelineMax({
    	delay: 0,
    });
    
    
    function angleLeftClick() {
    	
    	if (sprite.style.left == -4250) {
    		
    		leftClick.to(sprite, 0, {
    			x: 0,
    		})
    		
    		console.log("clicked");
    	}
    	
    	else {	
    		
    		leftClick.to(sprite, 0, {
    			x: "-=170",
    		})
    		
    	}
    }

     

  2. Hi,

     

     

    I am new to the GreenSock forum and would greatly appreciate some insight and help. I have found some great posts with useful answers concerning 'Counters' however none with a separator. I apologise if I have missed one or if this post is in the wrong place.

     

    I'm trying to add a comma to the below code to give the 'thousands' a decimal place eg 2,100.

     

    
    var counter = { var: 0 };
    var tal = document.getElementById("tal");
        
     TweenMax.to(counter, 5, {
          var: 2100, 
          onUpdate: function () {
              tal.innerHTML = Math.ceil(counter.var);
          },
          ease:Circ.easeOut
      });

     

    In the past I have used countUp.js to achieve this. But was wondering if TweenMax has a simple way to execute with out adding an additional js file.

     

    Any help would be appreciated.

    Thanks

    Barrett

    See the Pen KCwhx by nicolund (@nicolund) on CodePen

×