2013-11-22 2 views
0

Im пытается масштабировать фоновое изображение вверх, а затем снова вниз, но не могу заставить его работать, любые идеи? Он отлично масштабирует фон, но, похоже, он никогда не называет функцию «обратного»?Шкала 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

вам нужно удалить свои 'onComplete' и' onCompleteParams' вне вашего объекта CSS .. и есть опечатка в обратной функции yuor .. измените 'TweenMaxto' на' TweenMax.to ('.. вам не хватало периода '.' между TweenMax и to() .. также вы можете просто использовать' scale' вместо 'scaleX' и' scaleY', так как оба имеют одинаковые значения .. и вам не нужно будет включать 'transformOrigin', поскольку по умолчанию используется' 50%% 50', что совпадает с «центром центра» –

ответ

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

Надеется, что это помогает.

Смежные вопросы