2013-11-22 34 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

希望它能帮助。