Here is the problem I have:
I have a flash banner that has movie clips on it. Each movie clip triggers different easing animations in the background depending on which movie clip you roll over.
For example,
roll over mc1 = 3 graphics eased into back ground displaying 26% savings (photo, %, text description
roll over mc2 = 40% savings, different photo, 46%, and a text description)
roll over mc3 = 70% savings
my problem is that I’d like the flash movie to animate itself through the different savings when it starts and allows the user to interrupt the animation and mouse over one of the movie clips and view the possible savings on their own
I would like to do this because I am worried that users might miss the movie clips and never roll over it all, so I would only need the flash movie to animate once.
here is a sample of the code I used:
Y_value = menu1._y;
X_value = bg1._x;
Z_value = bg2._x;
Q_value = bg2._y;
T_value = text3._x;
P_value = percent3._y;
A_value = pl._x;
over_clip.onPress = false;
over_clip.enabled = false;
menu1.onPress = function() {
};
menu1.onRollOver = function() {
new mx.transitions.Tween(this, “_y”, mx.transitions.easing.Elastic.easeOut, Y_value, Y_value-40, 2, true);
new mx.transitions.Tween(bg1, “_x”, mx.transitions.easing.Strong.easeOut, X_value, X_value-795, 2, true);
new mx.transitions.Tween(text1, “_x”, mx.transitions.easing.Strong.easeOut, T_value, T_value+520, 2, true);
new mx.transitions.Tween(percent1, “_y”, mx.transitions.easing.Strong.easeOut, P_value, P_value-150, 1.5, true);
};
menu1.onRollOut = function() {
new mx.transitions.Tween(this, “_y”, mx.transitions.easing.Elastic.easeOut, Y_value-40, Y_value, 2, true);
new mx.transitions.Tween(bg1, “_x”, mx.transitions.easing.Strong.easeOut, X_value-795, X_value, 2, true);
new mx.transitions.Tween(text1, “_x”, mx.transitions.easing.Strong.easeOut, T_value+520, T_value, 2, true);
new mx.transitions.Tween(percent1, “_y”, mx.transitions.easing.Strong.easeOut, P_value-150, P_value, 1.5, true);
};
//----------------------------------
menu2.onPress = function() {
};
menu2.onRollOver = function() {
new mx.transitions.Tween(this, “_y”, mx.transitions.easing.Elastic.easeOut, Y_value, Y_value-60, 2, true);
new mx.transitions.Tween(bg2, “_x”, mx.transitions.easing.Strong.easeOut, Z_value, Z_value+795, 2, true);
new mx.transitions.Tween(text2, “_x”, mx.transitions.easing.Strong.easeOut, T_value, T_value+640, 2, true);
new mx.transitions.Tween(percent2, “_y”, mx.transitions.easing.Strong.easeOut, P_value, P_value-150, 1.5, true);
};
menu2.onRollOut = function() {
new mx.transitions.Tween(this, “_y”, mx.transitions.easing.Elastic.easeOut, Y_value-60, Y_value, 2, true);
new mx.transitions.Tween(bg2, “_x”, mx.transitions.easing.Strong.easeOut, Z_value+795, Z_value, 2, true);
new mx.transitions.Tween(text2, “_x”, mx.transitions.easing.Strong.easeOut, T_value+640, T_value, 2, true);
new mx.transitions.Tween(percent2, “_y”, mx.transitions.easing.Strong.easeOut, P_value-150, P_value, 1.5, true);
};
//----------------------------------
menu3.onPress = function() {
};
menu3.onRollOver = function() {
new mx.transitions.Tween(this, “_y”, mx.transitions.easing.Elastic.easeOut, Y_value, Y_value-90, 2, true);
new mx.transitions.Tween(bg3, “_y”, mx.transitions.easing.Strong.easeOut, Q_value-200, Q_value, 2, true);
new mx.transitions.Tween(text3, “_x”, mx.transitions.easing.Strong.easeOut, T_value, T_value+250, 2, true);
new mx.transitions.Tween(percent3, “_y”, mx.transitions.easing.Strong.easeOut, P_value, P_value-150, 1.5, true);
};
menu3.onRollOut = function() {
new mx.transitions.Tween(this, “_y”, mx.transitions.easing.Elastic.easeOut, Y_value-90, Y_value, 2, true);
new mx.transitions.Tween(bg3, “_y”, mx.transitions.easing.Strong.easeOut, Q_value, Q_value-200, 2, true);
new mx.transitions.Tween(text3, “_x”, mx.transitions.easing.Strong.easeOut, T_value+250, T_value, 2, true);
new mx.transitions.Tween(percent3, “_y”, mx.transitions.easing.Strong.easeOut, P_value-150, P_value, 1.5, true);
