首頁 > web前端 > js教程 > JavaScript 动态改变图片大小_javascript技巧

JavaScript 动态改变图片大小_javascript技巧

WBOY
發布: 2016-05-16 18:51:42
原創
1197 人瀏覽過

最近由于项目需要,在实现图片的时候,若图片大于100 X 100,则将其缩小为 100 X 100,若比这个小,则保持原图大小。经过研究发现,可以用Javascript代码简单实现。
Javascript代码:

复制代码 代码如下:

<script> <BR>function resizeImage(obj){if(obj.height>100)obj.height=100;if(obj.width>100)obj.width=100; } <BR></script>

页面代码:
复制代码 代码如下:

﹤img src="file:///E|/Pictures/22.jpg" width="385" height="350" onload="resizeImage(this)"﹥

经测试在IE6,Firefox,Google Chrome 均正常工作。
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板