Phiên bản đầy đủ: jsB@nk » Hình ảnh » Xem ảnh » Tăng/giảm kích thước ảnh
URL: https://www.javascriptbank.com/image-resizer.html
Hiệu ứng có thể tăng /giảm kích thước của một ảnh dễ dàng.
Phiên bản đầy đủ: jsB@nk » Hình ảnh » Xem ảnh » Tăng/giảm kích thước ảnh
URL: https://www.javascriptbank.com/image-resizer.html
<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--><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--><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-->