Hola a todos
Tengo una pelicula con varios botones pequeños, que al acercar el raton a ellos se hacen grandes.
Hasta aqui todo bien, pero mi pelicula esta insertada dentro de un html, con mas cosas, y tiene el espacio delimitado. Estos botones estan en un lateral de la pelicula por lo que cuando tengo el raton encima de ellos y estan en tamaño grande, si saco el puntero del area de la pelicula y me muevo por el resto de la pagina, el boton que estaba grande sigue estandolo, y hasta que no vuelvo a llevar el puntero a la pelicula no se hace pequeño.
El codigo es este:
_root.createEmptyMovieClip('botones', 10);
arrBotones = new Array ( 'btn1', 'btn2', 'btn3', 'btn4', 'btn5', 'btn6', 'btn7', 'btn8', 'btn9', 'btn10');
for (i = 0; i < arrBotones.length; i++){
botones.attachMovie (arrBotones [i], arrBotones [i], i + 1);
}
botones._x =0;
espacio = 2;
distancia = 140;
incrMax = 300;
onEnterFrame = function() {
punteroX = botones._xmouse;
punteroY = botones._ymouse;
for ( i = 0; i < arrBotones.length; i++){
distX = botones [arrBotones[i] ]._x - punteroX;
distY = botones [arrBotones[i] ]._y - punteroY;
distXY = Math.sqrt( Math.pow ( distX, 2) + Math.pow ( distY, 2) );
incrEscala = ( ( distancia - distXY) / distancia ) * incrMax;
botones [ arrBotones [i] ]._xscale = Math.max( 100, 100 + incrEscala);
botones [ arrBotones [i] ]._yscale = botones [ arrBotones [i] ]._xscale;
if (!i){
botones[ arrBotones [i] ]._y = botones [arrBotones [i] ]._width / 2;
} else {
botones [ arrBotones [i] ]._y = botones [ arrBotones [i - 1] ]._y + (botones [arrBotones [i - 1] ]._width / 2 ) + espacio + (botones [arrBotones [i] ]._width / 2 );
}
botones._y = (Stage.width / 2) - ( botones.width / 2 );
}
}
Y lo que me gustaria es que cuando el puntero salga del area de la pelicula, todos los botones vuelvan a su tamaño original (pequeño), pero no hay manera, alguien me puede ayudar??
Muchas gracias
