JavaScript 动态改变图片大小


Posted in Javascript onJune 11, 2009

最近由于项目需要,在实现图片的时候,若图片大于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 相关文章推荐
ExtJS 2.0实用简明教程 之获得ExtJS
Apr 29 Javascript
Jquey拖拽控件Draggable使用方法(asp.net环境)
Sep 28 Javascript
JS图片根据鼠标滚动延时加载的实例代码
Jul 13 Javascript
javascript中键盘事件用法实例分析
Jan 30 Javascript
JavaScript的jQuery库中function的存在和参数问题
Aug 13 Javascript
jQuery实现表单步骤流程导航代码分享
Aug 28 Javascript
学习JavaScript设计模式之策略模式
Jan 12 Javascript
深入学习jQuery Validate表单验证(二)
Jan 18 Javascript
Javascript随机标签云代码实例
Jun 21 Javascript
JS实现的多张图片轮流播放幻灯片效果
Jul 22 Javascript
vue中axios处理http发送请求的示例(Post和get)
Oct 13 Javascript
完美解决axios在ie下的兼容性问题
Mar 05 Javascript
jQuery 学习 几种常用方法
Jun 11 #Javascript
javascript 冒号 使用说明
Jun 06 #Javascript
JavaScript 封装Ajax传递的数据代码
Jun 05 #Javascript
Firefox outerHTML实现代码
Jun 04 #Javascript
IE innerHTML,outerHTML所引起的问题
Jun 04 #Javascript
js 鼠标点击事件及其它捕获
Jun 04 #Javascript
一些常用的JS功能函数(2009-06-04更新)
Jun 04 #Javascript
You might like
SONY SRF-40W电路分析
2021/03/02 无线电
转换中文日期的PHP程序
2006/10/09 PHP
PHP 冒泡排序算法的实现代码
2010/08/08 PHP
一段多浏览器的&quot;复制到剪贴板&quot;javascript代码
2007/03/27 Javascript
js利用Array.splice实现Array的insert/remove
2009/01/13 Javascript
js对象之JS入门之Array对象操作小结
2011/01/09 Javascript
MooBox 基于Mootools的对话框插件
2012/01/20 Javascript
简介JavaScript中fixed()方法的使用
2015/06/08 Javascript
详解Javascript模板引擎mustache.js
2016/01/20 Javascript
js实现上传图片预览方法
2016/10/25 Javascript
jQuery扩展_动力节点Java学院整理
2017/07/05 jQuery
parabola.js抛物线与加入购物车效果的示例代码
2017/10/25 Javascript
Bootstrap实现翻页效果
2017/11/27 Javascript
AnglarJs中的上拉加载实现代码
2018/02/08 Javascript
vue-lazyload图片延迟加载插件的实例讲解
2018/02/09 Javascript
简单易扩展可控性强的Jquery转盘抽奖程序
2019/03/16 jQuery
对于防止按钮重复点击的尝试详解
2019/04/22 Javascript
vue项目添加多页面配置的步骤详解
2019/05/22 Javascript
JS实现音乐钢琴特效
2020/01/06 Javascript
linux系统使用python监测网络接口获取网络的输入输出
2014/01/15 Python
Python中的面向对象编程详解(下)
2015/04/13 Python
使用python动态生成波形曲线的实现
2019/12/04 Python
python 读取更新中的log 或其它文本方式
2019/12/24 Python
有关Tensorflow梯度下降常用的优化方法分享
2020/02/04 Python
如何利用python之wxpy模块玩转微信
2020/08/17 Python
Python paramiko使用方法代码汇总
2020/11/20 Python
利用python+ffmpeg合并B站视频及格式转换的实例代码
2020/11/24 Python
CSS3实例分享--超炫checkbox复选框和radio单选框
2014/09/01 HTML / CSS
使用 css3 实现圆形进度条的示例
2017/07/05 HTML / CSS
详解css3使用transform出现字体模糊的解决办法
2020/10/16 HTML / CSS
纯净、自信、100%的羊绒服装:360Cashmere
2021/02/20 全球购物
Linux Interview Questions For software testers
2012/06/02 面试题
项目合作计划书
2014/01/09 职场文书
节水倡议书范文
2014/04/15 职场文书
党的群众路线教育实践活动个人自我剖析材料
2014/10/07 职场文书
浅谈Python数学建模之数据导入
2021/06/23 Python