<HTML>
<HEAD>
<TITLE>JavaScript</TITLE>
<SCRIPT language="JavaScript">
<!--
var w=0;
var xw,yh;
var min_size=10;
function zoom_out(){
if (Math.floor(document.img1.width)>min_size) {
xw =document.img1.width;
yh =document.img1.height;
w=Math.floor(xw)-4;
h=Math.floor(w);
document.img1.height=h;
document.img1.width=w;
}
else if (Math.floor(document.img1.width)<min_size) {
w=min_size;
h=Math.floor(w);
document.img1.height=h;
document.img1.width=w;
}
setTimeout("zoom_out()",1);
}
//-->
</SCRIPT>
</HEAD>
<BODY BGCOLOR=#ffffff TOPMARGIN=40 MARGINHEIGHT=40 LEFTMARGIN=40 MARGINWIDTH=40 onLoad="zoom_out()">
<center>
<table border=0>
<tr><td width=300 height=300 valign=middle align=center>
<img src=ball.jpg border=0 NAME="img1" width=230 height=230>
</td></tr></table>
</center>
<br><br>
<FORM>
<INPUT TYPE=button VALUE="ウインドウを閉じる" onClick=window.close()>
</FORM>
</body></html>
値の４を６とか８とかにすると、小さくなるスピードが早くなります。
img src=ball.jpg *** width= で、画像の初期値を指定しています。