»
EnglishFrenchVietnamese

Print - Image resizer - JavaScriptBank.com

Full version: jsB@nk » Image » Image viewer » Image resizer
URL: https://www.javascriptbank.com/image-resizer.html

Image resizer © JavaScriptBank.comUse this JavaScript and your visitors are able to view your webimages with any size as easy as a browser-window.

Full version: jsB@nk » Image » Image viewer » Image resizer
URL: https://www.javascriptbank.com/image-resizer.html



CSS
<style> .divstyle{position:absolute; width="0";height:"0";}</style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT LANGUAGE="JavaScript"><!-- Beginfunction 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><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<BODY onLoad="set()"><form name="image"><input type="file" name="image_file" size="20"><br><br><input type="button" name="show" value="Show image" onclick="showimg(this.form)"><br><br>Width Heigth<br><a href=javascript:; onmousedown="over_upw()" onmouseup="clt()">+</a><a href=javascript:; onmousedown="over_downw()" onmouseup="clt()">-</a><input type="text" name="width" size="4" readonly><input type="text" name="height" size="4" readonly><a href=javascript:; onmousedown="over_uph()" onmouseup="clt()">+</a><a href=javascript:; onmousedown="over_downh()" onmouseup="clt()">-</a><br><br><img src="logojs.gif" name="changing"></form><p class="divstyle"><img src="logojs.gif" name="changing2"></p></body><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->