基準点について

質問

お世話になります。
現在、全面フラッシュのWebサイトを制作しており、下記サイトのような動作をイメージしています。(バックイメージの動作)
http://www.axisinc.co.jp/

仕様は下記としています。
バックイメージの画像：横幅1000px　高さ800px
読み込むバックイメージの位置は、（0,0）です。

この状況で、基準点を左下の（0,-800）にしたいと考えています。イメージサイトでは、左下になっているため、可能なのだとおもうのですが、方法が全くわかりません。

ちなみにアクションスクリプトは下記を設定しています。
-------------------------------------------------------------------
/*初期設定*/
Stage.scaleMode = "noScale";
Stage.align = "TL";
resizeListener = new Object();
resizeListener.onResize = function() {
fixMenu();
};

/*各MCの読込*/
Stage.addListener(resizeListener);
this.attachMovie("backImage", "backImage", 1);

/*ステージサイズの設定*/
var backWidth = 1000;
var backHeight = 800;

/*fixMenu関数実行*/
function fixMenu() {
if (Stage.width/backWidth > Stage.height/backHeight) {
scale = Stage.width/backWidth;
} else {
scale = Stage.height/backHeight;
}
/*背景の設定*/
_root.backImage._xscale = _root.backImage._yscale = 100*scale;
}
fixMenu();

-------------------------------------------------------------------

どなたか、基準点を左下にする方法をお教えください。

どうぞ宜しくお願いいたします。

回答No.1

screenstar · ベストアンサー

方法はいくつかありますが以下最も単純な方法です．
（ライブラリにbackImageのシンボルがあり、その中には画像が埋まっていて
リンケージ書き出しされているという前提です．）
ライブラリのbackImage（のシンボル、以下シンボル）を編集します．
シンボルの編集画面では、左上に基準点があると思いますが
その基準点が左下に来るよう画像の方をを移動させます．
つまりプロパティのx、y欄が0,0となっているのを
0,マイナス画像の高さ となるようにします．
シンボルの編集は以上です．

メインタイムラインに戻り、fixMenu関数以下を
下記のように書き換えます．
参考にされるサイトでは、幅をフィックスし、
高さは下詰めで縦横比を一定にしておくという仕様ですので
以下で足ります．

function fixMenu() {
_root.backImage._y = Stage.height;
scale = Stage.width/backWidth;
/*背景の設定*/
_root.backImage._xscale =_root.backImage._yscale=100*scale;
}
fixMenu();

お礼

早速回答いただきありがとうございます。
お教えいただいた内容で、確認してみます。

どうぞ宜しくお願いいたします。