美图齐众专注资阳网站设计 资阳网站制作 资阳网站建设
资阳网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

如何通过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.zsjierui.cn/article/cocpscg.html

其他资讯