Imageオブジェクトは 画像を表示するために使われます。Netscape Navigator 3.0以上
Internet Explorer 3.0 ではサポートされていません。
Imageオブジェクトは HTML文書の中で次のように定義します。
<IMG NAME="string" SRC="URL"
[HEIGHT="integer" | "integer"%]
[WIDTH="integer" | "integer"%]>
Imageオブジェクトの名前を表わします。 オブジェクトを指定するときに用います。
表示される画像のURLを表わします。
これを変えることによって、アニメーションが行なえます。
Imageオブジェクトの高さと幅を表わします。
Internet Explorer 4.0 では高さと幅を変えることができます。
var i = 0;
var watersrc, redsrc, Timer_id;
var isrunning = false;
function test1() {
var dir = window.location.pathname; //このウィンドウの
dir = dir.substring(0, dir.lastIndexOf("js2")); //ディレクトリ
watersrc = dir + "pic/water.gif"; //水色の画像のURL
redsrc = dir + "pic/red.gif"; //赤い画像のURL
if(isrunning) //走っているときは
clearTimeout(Timer_id); //止める
else //止まっているときは
red_running(); //走らせる
isrunning = !isrunning;
}
function red_running() {
document.form1["img"+i].src = watersrc; //i番目の画像を水色に
i = i == 9 ? 0 : i + 1;
document.form1["img"+i].src = redsrc; //次の画像を赤に
Timer_id = setTimeout("red_running()", 150);
}
リードオンリーです。
var h = 100;
var Timer_id2;
var isrunning2 = false;
var isup = false;
function test2() {
if(isrunning2)
clearTimeout(Timer_id2);
else
updown();
isrunning2 = !isrunning2;
}
function updown() {
if(isup)
if(h == 100) {
h = 90; isup = false;
}
else
h += 10;
else
if(h == 0) {
h = 10; isup = true;
}
else
h -= 10;
//高さを変える(と幅も変わる)
document.form2.img1.height = h;
Timer_id2 = setTimeout("updown()", 150);
}