2016-10-25 10 views
1

私はvelocityjsを使用してイメージをアニメートしようとしています。ここで私はimage.the画像の1つのために輝く効果を最初にスケールアップしようとしています、そして、それは不透明度を0に変えます。velocityjsで1つのアニメーションの終わりに別のアニメーションを開始するには

ここではanim1を最初に呼び出してからanim1の後に電話したいanim2どうすればいいですか?

 var anim1 = function(){ 
      $(".sparkle1").velocity({ 
       opacity: 1, 
       scale: [1,0], 
      }, 300); 
     } 

     var anim2 = function(){ 
      $(".sparkle1").velocity({ 
       opacity: 0, 
      }, 200); 
     } 

答えて

1

次のようにcompleteコールバックを使用してみてくださいでした:

var anim1 = function(){ 
    $(".sparkle1").velocity({ 
      opacity: 1, 
      scale: [1,0], 
     }, { 
     duration:300, 
     complete: function() { 
      anim2(); //calling the second animation on completion of first 
     } 
    }); 
} 

var anim2 = function(){ 
    $(".sparkle1").velocity({ 
     opacity: 0, 
    }, 200); 
} 
関連する問題