マウスオーバーについて

質問

もう何度もいろいろなサイトでいろんな方がご質問されていたのですが
どうしても理解できずどなたかお助けいただければと思い
投稿致しました。お力添えいただければ幸いです。

840px×400pxのフラッシュを作成しています。
縦400pxの上350pxが写真で、下50pxがボタン（横幅いっぱいに6つ並んでいます。）です。
下のボタンにマウスオーバーすると上の画像がボタンに準じた画像に入れ替わり、ボタンからマウスを放すとデフォルトの画像に戻るというものを作成しているのですが、どうにも原理が理解できず苦しんでいます。
上の部分に呼び出すには別のファイルか何かが必要なのですか？

どなたかお教え願えませんでしょうか。
よろしくお願い致します。

回答No.1

yashi6130 · ベストアンサー

サンプルがあるので差し上げたいのは山々なのですが、お渡し出来る環境がないのでテキスト回答のみ失礼します。

>上の部分に呼び出すには別のファイルか何かが必要なのですか？
別ファイルが必ずしも必要なわけではありません。
FLASH内部で解決することも出来ます。
しかし、表示させる写真などが多いのであれば話は別です。
外部にイメージを格納するフォルダを作成し、そちらから読み込んだ方が効率が良いと思います。

今回はFLASH内部で解決する方法を書きます。
あくまでもエフェクトがなく、ボタンにロールオーバーさせると上部に配置された画像が、指定画像に切り替わるというのが達成課題とします。
--------------------------------------
【全体の流れ】
ボタンにロールオーバー・アウトすると、
2種類の画像の_visible値が切り替わるという仕組みを作成します。
--------------------------------------
1）まず必要なパーツを揃えます。
ボタン、画像2種（元画像と切替え後の画像）を用意。

各MCの名前は任意で決めてください。
ここでは仮に以下とします。

・ボタンmc　→　btn_test
・元画像mc　→　mc_sample01
・切替え画像mc → mc_sample02

2)btn_test、mc_sample01をステージに配置
（※mc_sample02はステージに配置しません）
mc_sample01のインスタンス名をつける（任意）

ここでは仮に、「sample01」とします。

3）mc_sample02をリンケージする
（リンケージの設定方法は以下参照）
http://www.1art.jp/flash/le/lessona/lessona.htm

ここでは仮に、「sample02」とします。

4）1フレーム目に以下のアクションスクリプトを記述
//リンケージされたMCをステージに配置
a_MC = "newsample";
_root.attachMovie("sample02",a_MC,1);
_root[a_MC]._x= 265;//mc_sample01と同じx座標値を入力
_root[a_MC]._y= 138;//mc_sample01と同じy座標値を入力
_root[a_MC]._visible = false;

5）btn_testに以下のスクリプトを記述
on(rollOver){
_root.sample01._visible = false;
_root[a_MC]._visible = true;
}

on(rollOut){
_root.sample01._visible = true;
_root[a_MC]._visible = false;
}

以上。

FLASHは実現させたい動作によって作成方法は様々です。
より細かく実現したい内容を書いて投稿することをお勧めします。

補足

ご丁寧に本当にありがとうございます。
たしかにおっしゃる通りです。結局何がしたいのかを
説明しきれていませんね。すみません。

今回トライしているのは、最初に質問させていただいた時にも
書きました840px×400pxのフラッシュムービーです。

これはメイン画像部分と、メニュー部分の両方を兼ね備えたムービーで
フラッシュを上下2つに分けると、上側の350pxが画像（動画です）表示部分、
下の50pxがメニューボタン部分です。

チャレンジしている動作としては、ボタン部分にマウスオーバーすると
上側350px部分にボタンに関連した別のムービーが流れるという内容です。（要は6種類のムービーをボタン別にマウスオーバー時に流すというイメージです）
マウスオーバーで表示された6つのムービー内にもボタンなどがあったりします。メニューボタンのマウスオーバーでムービーが入れ替わり、入れ替わったムービー内にもボタンが配置されているようにしたいのです。

また、マウスオーバー時はそれぞれのムービーが流れるのですが、マウスアウトした場合には一つのムービーが統一で流れるようにしたいです。
どのボタンもマウスアウトすると同じムービーが流れるようにしたいのです。

少し違うのですが、下記サイトでいうフラッシュ部分左下部分の数字をクリックするとメイン部分が入れ替わるというような感じにチャレンジしてみたいのです。
http://www.megakiku.jp/

正直素人なのでここまでできるのかどうか不明ですがなんとか完成させてみたいのです。
お知恵をお貸しいただけると幸いです！！