js 图片等比例缩放代码


Posted in Javascript onMay 13, 2010
var scaleImage = function(o, w, h){ 
var img = new Image(); 
img.src = o.src; 
if(img.width >0 && img.height>0) 
{ 
if(img.width/img.height >= w/h) 
{ 
if(img.width > w) 
{ 
o.width = w; 
o.height = (img.height*w) / img.width; 
} 
else 
{ 
o.width = img.width; 
o.height = img.height; 
} 
o.alt = img.width + "x" + img.height; 
} 
else 
{ 
if(img.height > h) 
{ 
o.height = h; 
o.width = (img.width * h) / img.height; 
} 
else 
{ 
o.width = img.width; 
o.height = img.height; 
} 
o.alt = img.width + "x" + img.height; 
} 
} 
}

HTML
<div> 
<p><img src="../comment/img/max.jpg" onload="scaleImage(this,300,300)" alt="pic" /></p> 
<p><img src="../comment/img/2.jpg" onload="scaleImage(this,300,300)" /></p> 
<p><img src="../comment/img/3.jpg" onload="scaleImage(this,300,300)" /></p> 
<p><img src="../comment/img/4.jpg" onload="scaleImage(this,300,300)" /></p> 
</div>
Javascript 相关文章推荐
PJ Blog修改-禁止复制的代码和方法
Oct 25 Javascript
jquery实现的带缩略图的焦点图片切换(自动播放/响应鼠标动作)
Jan 23 Javascript
解析使用js判断只能输入数字、字母等验证的方法(总结)
May 14 Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
Nov 03 Javascript
禁止ajax缓存获取程序最新数据的方法
Nov 19 Javascript
jquery获取复选框被选中的值
Apr 10 Javascript
JS中产生标识符方式的演变
Jun 12 Javascript
GitHub上一些实用的JavaScript的文件压缩解压缩库推荐
Mar 13 Javascript
深入理解jquery自定义动画animate()
May 24 Javascript
JavaScript切换搜索引擎的导航网页搜索框实例代码
Jun 11 Javascript
详解Vue改变数组中对象的属性不重新渲染View的解决方案
Sep 21 Javascript
JavaScript 接口原理与用法实例详解
May 12 Javascript
跨浏览器开发经验总结(四) 怎么写入剪贴板
May 13 #Javascript
跨浏览器开发经验总结(三)   警惕“IE依赖综合症”
May 13 #Javascript
JavaScript prototype属性使用说明
May 13 #Javascript
js 实现复制到粘贴板的功能代码
May 13 #Javascript
js href的用法
May 13 #Javascript
解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
May 13 #Javascript
Js 随机数产生6位数字
May 13 #Javascript
You might like
PHP调用C#开发的dll类库方法
2014/07/28 PHP
php控制文件下载速度的方法
2015/03/24 PHP
详解Window7 下开发php扩展
2015/12/31 PHP
php工具型代码之印章抠图
2018/07/18 PHP
PHP+MySQL实现在线测试答题实例
2020/01/02 PHP
jQuery判断iframe中元素是否存在的方法
2013/05/11 Javascript
JavaScript中跨域调用Flash的方法
2014/08/11 Javascript
封装了jQuery的Ajax请求全局配置
2015/02/05 Javascript
JavaScript获取网页表单提交方式的方法
2015/04/02 Javascript
JavaScript中for循环的使用详解
2015/06/03 Javascript
Javascript 基础---Ajax入门必看
2016/07/06 Javascript
jstl中判断list中是否包含某个值的简单方法
2016/10/14 Javascript
node.js 和HTML5开发本地桌面应用程序
2016/12/13 Javascript
JS实现获取来自百度,Google,soso,sogou关键词的方法
2016/12/21 Javascript
Ajax异步文件上传与NodeJS express服务端处理
2017/04/01 NodeJs
vue-baidu-map 进入页面自动定位的解决方案(推荐)
2018/04/28 Javascript
Vue2 轮播图slide组件实例代码
2018/05/31 Javascript
[44:21]Ti4 循环赛第四日 附加赛NEWBEE vs LGD
2014/07/13 DOTA
python实现监控linux性能及进程消耗性能的方法
2014/07/25 Python
各个系统下的Python解释器相关安装方法
2015/10/12 Python
纯python实现机器学习之kNN算法示例
2018/03/01 Python
django请求返回不同的类型图片json,xml,html的实例
2018/05/22 Python
Python如何定义有默认参数的函数
2020/08/10 Python
分享CSS3中必须要知道的10个顶级命令
2012/04/26 HTML / CSS
HTML5中如何显示视频呢 HTML5视频播放demo
2013/06/08 HTML / CSS
工作自荐信
2013/12/11 职场文书
企业演讲稿范文
2013/12/28 职场文书
新闻发布会主持词
2014/03/28 职场文书
学习雷锋活动总结
2014/04/29 职场文书
校运会口号
2014/06/18 职场文书
四风问题对照检查材料
2014/09/22 职场文书
幼儿园门卫安全责任书
2015/05/08 职场文书
2015年妇幼保健工作总结
2015/05/19 职场文书
员工试用期工作总结
2019/06/20 职场文书
浅谈什么是SpringBoot异常处理自动配置的原理
2021/06/21 Java/Android
html5 录制mp3音频支持采样率和比特率设置
2021/07/15 Javascript