如何利用checkbox控制图片的缩放？

Question

<script> 
function img_zoom(e, o) //图片鼠标滚轮缩放 
{ 
if (document.getElementById("checkon").checked) return;
var zoom = parseInt(o.style.zoom, 10) || 100; 
zoom += event.wheelDelta / 12; 
if (zoom > 0) o.style.zoom = zoom + '%'; 
return false; 
} 
</script> 
<input id="checkon" name="checkon" type="checkbox"  checked==ture value="checked"  onClick="????">

Answer 1

利用　 clip:rect(0 20 50 10); 　这个属性http://www.w3school.com.cn/css/pr_pos_clip.asp前辈的例子：http://www.cnblogs.com/cloudgamer/archive/2008/07/21/1247267.html

Answer 2

<div id="News_Content">
<img id="News_Content_Img" src="http://desk.blueidea.com/desk/XP/xpbz0083.jpg" onload="setImgSize(this)"></div>
<script> 
function img_zoom(e, o){  //图片鼠标滚轮缩放 
var zoom = parseInt(o.style.zoom, 10) || 100; 
zoom += event.wheelDelta / 12; 
if (zoom > 0) o.style.zoom = zoom + '%'; 
return false; 
}var mouse_wheel_zoom=1
function setImgSize(obj){
if(obj.width>screen.width-333)obj.width=screen.width-333
obj.style.zoom =0
if (mouse_wheel_zoom==1) obj.onmousewheel=function(){return img_zoom(event,this)}
else obj.onmousewheel=null
}function set_zoom(id){
mouse_wheel_zoom*=-1;
setImgSize(document.getElementById(id))
}</script> 
<!--checkbox 框--> 
<input name="checkon" type="checkbox"  checked==ture value="checked"  onClick="set_zoom('News_Content_Img')">【图片上滚动鼠标滚轮变焦图片】