TweenMax scale bgImage

Question

Im trying to scale a background image up, and then down again, but cant get it to work, any ideas? It scales up the background fine, but it is like it never calls the "reverse" function ?

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
                });
            }

Answer 1

You need to move the onComplete, onCompleteParams outside the css:{} object like below,

 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
                });
            }

Check the fiddle

Hope it helps.