如何通过JavaScript动态改变图片大小

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

Javascript代码:

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

页面代码:

﹤img src="file:///E|/Pictures/22.jpg" width="385"

height="350" onload="resizeImage(this)"﹥

经测试在IE6,Firefox,Google Chrome 均正常工作。

分享题目:如何通过JavaScript动态改变图片大小
文章地址:http://www.shufengxianlan.com/qtweb/news34/462234.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联