> 右側の写真は自動でスライドするというものです。
スライドですか?
書かれていらっしゃるサイトのFlashは
スライドではなくフェードインで写真が登場します。
どちらかわかりませんので
その部分は手動で作って
それ以外の部分をActionScriptで動作させる方法を書きます。
とにかく
スライドでもフェードインでも
そのように登場してくるムービークリップを作成して,
ボタンロールオーバーと同時にそれらを上へ上へとコピペで上乗せしていけば良いと思います。
===============
ステージ上に1辺10pxくらいの四角い塗りを描きます。
その小さな塗りを選択して「修正」→「シンボルに変換」でムービークリップに変換します。
その変換するときに,基準点はどこでも良いと言えばどこでも良いですが,
一応「右下」に設定するとします。
そのムービークリップにプロパティインスペクタよりインスタンス名を付けます。
たとえば「loadMC」というインスタンス名を付けます。
その「loadMC」を再びムービークリップに変換します。
基準点は同じく右下に設定するとしておきます。
そのムービークリップにもインスタンス名を付けます。
たとえば「koMC」というインスタンス名を付けます。
ここまでを階層図で表すと次のようになります。
_root(メインのタイムライン)
└koMC
└loadMC
「koMC」をダブルクリックするなどして,
そのムービークリップ内の編集に入ります。
「koMC」内のタイムラインには
最初に作った「losdMC」があるはずですから
それをモーショントゥイーンでスライドなりフェードインで登場させます。
「koMC」内のタイムライン
レイヤー 筆・・・|●--------------->|●|
モーショントゥイーン
モーショントゥイーンで登場しきった最後のフレームにキーフレームを作成して,
その最終フレームに
stop();
と書いておきます。
「koMC」内のタイムラインの編集は以上で終了ですから,
ステージ上の何もないところをダブルクリックするなどして
_root(シーン1 などメインのタイムライン)の編集に戻ります。
上のようにして作成した「koMC」をまたさらにムービークリップに変換します。
そのムービークリップにもインスタンス名を付けます。
たとえば「oyaMC」というインスタンス名を付けます。
ここまでを階層図で表すと次のようになります。
_root(メインのタイムライン)
└oyaMC
└koMC
└loadMC(←モーショントゥイーンで登場)
この「oyaMC」を写真の左上コーナーが来るのに頃合が良い場所に配置します。
写真を切り替えるボタンは
この「oyaMC」よりも上のレイヤーに置く方がなんとなく良いと思います。
写真を切り替えるボタンは仮に4つ置くものとします。
その場合例えば4つのボタンには
「btn1」「btn2」「btn3」「btn4」というインスタンス名を付けます。
外部JPEG は SWF(Flash) や HTML と同じフォルダにあって,
仮に「1.jpg」「2.jpg」「3.jpg」「4.jpg」というファイル名であったとします。
その場合,
ボタンやムービークリップが存在フレームに,
次のように書けば,それらしいものができると思います。
------------------------------------------------
// カウント用変数 cnt の初期化
var cnt:Number = 0;
// 「koMC」を複製してJPEGをロードする関数の定義
function copyAndLoad(pic:String):Void {
// 変数 cnt に 1 を加算
cnt++;
// koMC を koMC○ というインスタンス名で震度○に複製
oyaMC.koMC.duplicateMovieClip("koMC"+cnt, cnt);
// その koMC○ 内を フレーム1 から再生
oyaMC["koMC"+cnt].gotoAndPlay(1);
// その koMC○ 内の loadMC に JPEG をロード
oyaMC["koMC"+cnt].loadMC.loadMovie(pic);
// 4つ前くらいの koMC○ を消す
oyaMC["koMC"+(cnt-4)].removeMovieClip();
}
// 最初のJPEGをロード
copyAndLoad("1.jpg");
// ボタン「btn1」ロールオーバー時の動作を定義
btn1.onRollOver = function():Void {
// 「1.jpg」 をロード
copyAndLoad("1.jpg");
};
// ボタン「btn2」ロールオーバー時の動作を定義
btn2.onRollOver = function():Void {
// 「2.jpg」 をロード
copyAndLoad("2.jpg");
};
// ボタン「btn3」ロールオーバー時の動作を定義
btn3.onRollOver = function():Void {
// 「3.jpg」 をロード
copyAndLoad("3.jpg");
};
// ボタン「btn4」ロールオーバー時の動作を定義
btn4.onRollOver = function():Void {
// 「4.jpg」 をロード
copyAndLoad("4.jpg");
};
------------------------------------------------