JavaScript 动态改变图片大小_Javascript教程-查字典教程网
JavaScript 动态改变图片大小
JavaScript 动态改变图片大小
发布时间:2016-12-30 来源:查字典编辑
摘要:最近由于项目需要,在实现图片的时候,若图片大于100X100,则将其缩小为100X100,若比这个小,则保持原图大小。经过研究发现,可以用J...

最近由于项目需要,在实现图片的时候,若图片大于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教程学习
    热门Javascript教程学习
    编程开发子分类