ロールオーバーで下の画像を表示させる

質問

質問番号：7020788を参考にしています。
http://okwave.jp/qa/q7020788.html

一番下に写真（400x400）を置き、その上にmc0～mc3（200×200）を4つ配置しました。
mc0にロールオーバーすればmc0がフェードアウトして200×200だけが写真を見え
るようにしたいと考えています。
同様にmc1にロールオーバーすればmc1がフェードアウトします。

しかし、どのmcにロールオーバーしてもmc0～mc3の全体がフェードアウトしてし
まい、私が思っておるように動作いたしません。
次にアクションスクリプトを示します。

mport fl.transitions.*;
import fl.transitions.easing.*;

mc0.addEventListener(MouseEvent.ROLL_OVER,onrollOver);
mc1.addEventListener(MouseEvent.ROLL_OVER,onrollOver);
mc2.addEventListener(MouseEvent.ROLL_OVER,onrollOver);
mc3.addEventListener(MouseEvent.ROLL_OVER,onrollOver);

function onrollOver(eventObj:Event):void {

for (var i:Number = 0; i<=3; i++) {
TransitionManager.start(this, {type:Fade, direction:Transition.OUT, duration:2, easing:None.easeNone});
removeEventListener(MouseEvent.ROLL_OVER,onrollOver);
}
}

FLASH　CS3でアクションスクリプトは3.0で作っています。どうか対処策を教えて
いただきたく思います。

回答No.1

BlurFiltan · ベストアンサー

とりあえずは

TransitionManager.start(this, {type:Fade, …略…

と書かれている部分の this がダメです。
この場合ここで書いた this は「このタイムライン(階層)」という意味になります。

「このタイムライン(階層)」＝「スクリプトを書いたタイムライン全体」
ですから，このタイムラインに置いた表示オブジェクトは全てフェードアウトしてしまいます。

その上さらに for文 までブン回してますし...。
for文 も要りません。

書かれているリスナー関数の冒頭ですが↓

function onrollOver(eventObj:Event):void {

これで，ここの引数である変数 eventObj には，ロールオーバーイベントが入ります。

さらに
eventObj.target や eventObj.currentTarget で
そのイベントを受けたインスタンスの参照が取得できます。
ですからそれを使います。

というわけで，書き換え例です↓。

//----------------------------------------------
import fl.transitions.*;
import fl.transitions.easing.*;

mc0.addEventListener(MouseEvent.ROLL_OVER,onrollOver);
mc1.addEventListener(MouseEvent.ROLL_OVER,onrollOver);
mc2.addEventListener(MouseEvent.ROLL_OVER,onrollOver);
mc3.addEventListener(MouseEvent.ROLL_OVER,onrollOver);

function onrollOver(eventObj:Event):void {
//ロールオーバーイベントを受けたインスタンスを取得
var target_mc:MovieClip = MovieClip(eventObj.currentTarget);
//そのインスタンスをフェードアウト
TransitionManager.start(target_mc, {type:Fade, direction:Transition.OUT, duration:2, easing:None.easeNone});
//そのインスタンスのイベントリスナーを削除
target_mc.removeEventListener(MouseEvent.ROLL_OVER,onrollOver);
}
//----------------------------------------------

お礼

ありがとうございます。
インスタンスの参照等を十分に勉強していきます。
今後もよろしくお願いします。