成都网站建设设计

将想法与焦点和您一起共享

如何通过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动态改变图片大小
分享路径:https://chengdu.cdxwcx.cn/article/cocpscg.html