onEnterFrameの止め方につきまして

質問

※間違って違う場所に書き込んでしまったのでこちらに改めて記入します。

b1、b2、b3、b4、b5というインスタンスを作成し、横方向に均等に並べ、それとは別にnextbuttonというボタンを作成し、そこにマウスを乗せるとb1からb5までがx座標値が増える方向に一斉に流れ、nextbuttonからマウスがアウトすると止まるようにしました。

_root.stop();

nextbutton.onRollOver = function(){
_root.onEnterFrame = function(){
_root.b1._x += 10;
_root.b2._x += 10;
_root.b3._x += 10;
_root.b4._x += 10;
_root.b5._x += 10;

};
};

nextbutton.onRollOut = function(){
_root.onEnterFrame = function(){
stop();
};
};

と記述しました。

しかし、このままではどこまでも右に行ってしまうので、b1のx座標値が徐々に増ていって、x:85に達した時点でonEnterFrameの動作が止まるようにしたいのです。

どなたかわかる方がいらっしゃいましたら、よろしくお願い致します。

回答No.1

BlurFiltan · ベストアンサー

delete で削除します。

厳密には b1のx座標値がx:85に達した時点ではなく，
若干通り過ぎますが，
基本的には次のようにします。

-------------------------------------
_root.stop();

nextbutton.onRollOver = function() {
_root.onEnterFrame = function() {
_root.b1._x += 10;
_root.b2._x += 10;
_root.b3._x += 10;
_root.b4._x += 10;
_root.b5._x += 10;
if (_root.b1._x>=85) {
delete _root.onEnterFrame;
}
};
};

nextbutton.onRollOut = function() {
delete _root.onEnterFrame;
};
-------------------------------------

きっちり止めたい場合は，
delete _root.onEnterFrame;
を実行する直前に，各座標を入れて，次にようにします。

if(_root.b1._x>=85){
_root.b1._x = 85;
_root.b2._x = ??;
_root.b3._x = ??;
_root.b4._x = ??;
_root.b5._x = ??
delete _root.onEnterFrame;
}

お礼

できました！
本当に有難うございます。助かりました。

実は写真を見せるためのページを作成しておりまして、画面の下の方に小さい写真を20枚弱程度並べておいて、画面に設置したnextbutton、backbuttonにマウスを乗せると小さい写真が右に左に・・　と移動し、クリックすると画面中盤にその大きな写真がでるというものを作っておりました。
おかげさまで思った通りのものができました。
有難うございました。