24-7.画像の上で画像を移動させる
【目次へ戻る】


以下に作成方法のポイント及び説明(詳細はソースを見て自分で考えて下さい)
(1)画像を移動して行った場合台紙から飛び出てしましますがバックカラ−と同じ画像を 両サイドに置き飛び出を隠してある。

(2)上記の隠し用画像は最前面表示にすること
例:document.layers['P3'].zIndex=7;(本例の場合画像7枚であり、6・7を指定してある)

(3)表示場所の最大値は、台紙の右端値とする
私の作ったフリーソフト [KImixpicture]で作成した場合は下記のように右側隠し画像の位置
ymax = new Number(408) 下記の値をカッコに入れる
document.layers['P3'].left=408+x;

(4)各画像の動く時間は、変数に入れ指定
yoko1 = new Number(1)  ← 初期値 1の例
yoko1 += 2;       ← 2ピクセル増やして表示(右から左はマイナスする)
if(yoko1 > ymax)yoko1=1;  ← 最大値を越した場合1に戻す

(5)上記の移動値を各画像に指定することにより画像ごとにスピードが異なる

(6)重ね画像の表示順は、zIndex=○○ で○○の数値で指定
(表示順に重なるので、IMG SRC='’の記述順を変えればzIndex=は無くてもよい)

(7)Web上での全体の表示位置は下記のX(横)、Y(縦)の値を変更して行なう
例:var x=150;var y=70