「複数のサムネイル画像を右から左に自動的に流して、画像の上にマウスをおくと、流れはストップ。さらにクリックすると、拡大画像が表示される。」
というものを作りたいのですが、どうもうまくいきません。
サムネイル画像をムービークリップ(A)にしてAに以下のスクリプトを書き、Aを複数並べたものをひとつのムービークリップ(B)でまとめ、550x400pxのドキュメントに置きました。
onClipEvent (load) {
speed=10;
leftEdge=-470;
rightEdge=149;
}
onClipEvent (enterFrame) {
trace(this._x);
this._x-=speed;
if (this._x<=leftEdge){
this._x=rightEdge;
}
}
これだと、自動的に右から左に動きますが、動いているうちに画像が重なる部分が出来てしまいます。
オンマウスの設定は分からなかったので、していません。
よろしくお願い致します。
ルートにAの複製したものをmc1~mc5のようにおいて、
以下のようにルートに書けば動くような気がします。
//mcの数
var mcnum = 5;
//移動速度
var speed = 5;
for (var i = 1; i <= mcnum; i++) {
this["mc" + i].onRollOver = function() {
speed = 0;
};
this["mc" + i].onRollOut = function() {
speed = 5;
};
this["mc" + i].onEnterFrame = function() {
this._x -= speed;
if(this._x <-this._width){
this._x += Stage.width;
}
};
}
コメント(0件)