画像のサイズ

横幅：
高さ：


<html>
<head>
<META HTTP-EQUIV="pragma" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>画像サイズの変更</title>
<script language="javascript">

function disp()
{
  xa=eval(document.size.value_x.value) ;
  ya=eval(document.size.value_y.value) ;

  document.images["s"].width  = xa ; // name="s"の　img タグの横幅を xa にする
  document.images["s"].height = ya ; // name="s"の　img タグの高さを ya にする
}

</script>
</head>
<body bgcolor=ffffff text=000000 background="../back.jpg" topmargin=0 leftmargin=0>
<center>
<br><br>
<table bgcolor=ffffff border=1 cellpadding=5 cellspacing=5 width=750>
<tr>
<td bgcolor=000000 align=center valign=center width=500 height=500>
<img src="port.jpg" name="s">
</td>
<td align=center>
<font size=5 color=ffffff>画像のサイズ</font><br><br>
<form method="post" name="size">
横幅：<input type="text" name="value_x" size="16" value="140"><br>
高さ：<input type="text" name="value_y" size="16" value="220"><br><br>
<input type="button" value="変更" name="exec" onclick="disp()"><br>
</form>
</td></tr>
</table>
</center>
</body>
</html>

<html>
<head>
<META HTTP-EQUIV="pragma" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>画像サイズの変更</title>
<script language="javascript">
マウスクリックで実行される関数 
function disp()
{
フォーム入力値を　横幅：xa　と　高さ：ya　に代入する 
  xa=eval(document.size.value_x.value) ;
  ya=eval(document.size.value_y.value) ;
imgタグにname="s"と指定した画像のwidthを xa にする 
  document.images["s"].width  = xa ; // name="s"の　img タグの横幅を xa にする
imgタグにname="s"と指定した画像のheightを ya にする 
  document.images["s"].height = ya ; // name="s"の　img タグの高さを ya にする

}

</script>
</head>
<body bgcolor=ffffff text=000000 background="../back.jpg" topmargin=0 leftmargin=0>
<center>
<br><br>
<table bgcolor=ffffff border=1 cellpadding=5 cellspacing=5 width=750>
<tr>
<td bgcolor=000000 align=center valign=center width=500 height=500>
imgタグで
  1. 画像をsrc="port.jpg"で指定
  2. このタグにname="s"でsという名前を付ける 
<img src="port.jpg" name="s">

</td>
<td align=center>
<font size=5 color=ffffff>画像のサイズ</font><br><br>
フォームで
  1. 横幅と高さを入力する
  2. 変更をクリックしてサイズを変更する 
<form method="post" name="size">
横幅：<input type="text" name="value_x" size="16" value="140"><br>
高さ：<input type="text" name="value_y" size="16" value="220"><br><br>
<input type="button" value="変更" name="exec" onclick="disp()"><br>
</form>

</td></tr>
</table>
</center>
</body>
</html>