2013-11-22 64 views
0

我試圖縮放背景圖像,然後再下來,但不能得到它的工作,任何想法? 它可以放大背景,但是它從不會調用「反向」功能?TweenMax規模bgImage

TweenMax.to(bg, 1, { 
       css: { 
        scaleX: 1.5, 
        scaleY: 1.5, 
        transformOrigin: "center center", 
        onComplete: reverse, 
        onCompleteParams: [bg] 
       }, 
       delay: 0.2, 
       ease: Power3.easeInOut 
      }); 

      function reverse(el) { 
       TweenMaxto(el, 0.6, { 
        css: { 
         scaleX: 1.0, 
         scaleY: 1.0, 
         transformOrigin: "center center", 
         autoAlpha: 1, 
        }, 
        ease: Power2.easeOut 
       }); 
      } 
+0

你需要刪除你的CSS對象外的'onComplete'和'onCompleteParams' ..並且有一個錯誤的yuor reverse函數..將'TweenMaxto'改成'TweenMax.to('..你錯過了句號TweenMax和()之間的'。'..你也可以使用'scale'而不是'scaleX'和'scaleY',因爲它們都具有相同的值..並且你不需要包含'transformOrigin',因爲默認值是' 50%%50'這與'center center'相同 –

回答

0

你需要移動的onComplete,onCompleteParams的CSS外:{}對象像下面,

TweenMax.to(bg, 1, { 
       css: { 
        scaleX: 1.5, 
        scaleY: 1.5, 
        transformOrigin: "center center" 
       }, 
       onComplete: reverse, 
       onCompleteParams: [bg], 
       delay: 0.2, 
       ease: Power3.easeInOut 
      }); 

      function reverse(el) { 
       alert("Sdasd"); 
       TweenMaxto(el, 0.6, { 
        css: { 
         scaleX: 1.0, 
         scaleY: 1.0, 
         transformOrigin: "center center", 
         autoAlpha: 1, 
        }, 
        ease: Power2.easeOut 
       }); 
      } 

檢查fiddle

希望它能幫助。