イメージズーム

<HTML>
<HEAD>
<TITLE>イメージズーム</TITLE>
</HEAD>
<BODY>
<IMG id="img" src="image.gif" border="0">

<INPUT type="button" value="50%" onclick="img.style.zoom='50%'">
<INPUT type="button" value="75%" onclick="img.style.zoom='75%'">
<INPUT type="button" value="100%" onclick="img.style.zoom='100%'">
<INPUT type="button" value="125%" onclick="img.style.zoom='125%'">
<INPUT type="button" value="150%" onclick="img.style.zoom='150%'">
<INPUT type="button" value="200%" onclick="img.style.zoom='200%'">
<INPUT type="button" value="300%" onclick="img.style.zoom='300%'">

<SELECT onChange="img.style.zoom=this.options[this.selectedIndex].value">
<OPTION value="50%">50%
<OPTION value="75%">75%
<OPTION value="100%" selected>100%
<OPTION value="125%">125%
<OPTION value="150%">150%
<OPTION value="200%">200%
<OPTION value="300%">300%
</SELECT>
</BODY>
</HTML>