万能图片显示器
下面为效果显示
宽度 高度
脚本说明: 第一步：把如下代码加入<body>区域中 <style> .divstyle{position:absolute; width="0";height:"0"} </style> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function showimg(form) { adres = form.image_file.value; index = adres.indexOf(".gif"); index = index + adres.indexOf(".jpg"); index = index + adres.indexOf(".bmp"); if (form.image_file.value == "") {alert("No Image found!");} else {if (index == -3){alert("Unknow image type"); form.width.value=0; form.height.value=0;} else { var img_obj = new Image(); img_obj = form.image_file.value; document.changing.src = img_obj; document.changing2.src= img_obj; document.changing.width = document.changing2.width; document.changing.height = document.changing2.height; set(); } } } fast = 0; change = 0; function upw(){ document.image.width.value=parseInt(document.image.width.value)+1; resize();} function over_upw(){upw(); change = 1; changetime = setTimeout("fast_upw()","600");} function fast_upw(){clearTimeout(changetime); upw(); fast = setTimeout("fast_upw()","100");} function clt(){ if (change == 1){clearTimeout(changetime);} clearTimeout(fast); change = 0; } function resize() {document.changing.height = document.image.height.value; document.changing.width = document.image.width.value;} function downw(){document.image.width.value=parseInt(document.image.width.value)-1; resize();} function over_downw(){downw(); change = 1; changetime = setTimeout("fast_downw()","600");} function fast_downw(){clearTimeout(changetime); downw(); fast = setTimeout("fast_downw()","100");} function uph(){document.image.height.value=parseInt(document.image.height.value)+1; resize();} function over_downh(){downh(); change = 1; changetime = setTimeout("fast_downh()","600");} function fast_downh(){clearTimeout(changetime); downh(); fast = setTimeout("fast_downh()","100");} function over_uph(){uph(); change = 1; changetime = setTimeout("fast_uph()","600");} function fast_uph(){clearTimeout(changetime); uph(); fast = setTimeout("fast_uph()","100");} function downh(){document.image.height.value=parseInt(document.image.height.value)-1; resize();} function set(){ document.image.width.value=document.changing.width; document.image.height.value=document.changing.height;} // End --> </script> <center> <form name="image"> <input type="file" name="image_file"><br> <input type="button" name="show" value="显示图片" onclick="showimg(this.form)"> <br> 宽度 高度 <br><img src="up0821.gif" onmousedown="over_upw()" onmouseup="clt()"> <img src="down0821.gif" onmousedown="over_downw()" onmouseup="clt()"> <input type="text" name="width" size="4" readonly> <input type="text" name="height" size="4" readonly> <img src="up0821.gif" onmousedown="over_uph()" onmouseup="clt()" > <img src="down0821.gif" onmousedown="over_downh()" onmouseup="clt()"> <br><br> <table border ="1"> <tr><td> <img src="053.gif" name="changing"> </td></tr></table> </form> <div STYLE="left:-5000 px;top:0" class="divstyle"> <P ><img src="053.gif" name="changing2"></p> </div> </center> 第二步：把<body>中的内容改为： <body bgcolor="#fef4d9" onLoad="set()">
