CODEWITHSUNDEEP
jquerygsap
Dileep
Dileep

Reputation: 515

How to continuous animation in Tweenmax ?

I am trying to animate continuous animate one image left to right and i want it to repeat no.of times(left to right only).i have written like this.

  <script>
   TweenMax.to(".image",40,{
    left:'960px',
    onComplete:function(){
        $(".image").css({"left":"-50px"});
        TweenMax.to(".image",40,{
            repeat:-1,
        })
      }
   })
  </script>
  <div class="image"></div>

Upvotes: 3

Views: 2711

Answers (2)

Tahir Ahmed
Tahir Ahmed

Reputation: 5737

Perhaps this would help:

TweenMax.fromTo($(".image"), 40, {left: -50}, {left: 960, repeat: -1});

Upvotes: 3

Kana Ki
Kana Ki

Reputation: 401

You can use a simple function definition to do this;

 <script>
   function animateImage() {
       $(".image").css({"left":"-50px"});
       TweenMax.to(".image",40,{
           left: '960px',
           onComplete: animateImage
       });
   }
  </script>
  <div class="image"></div>

Upvotes: 3

Related Questions