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 相关文章推荐
JavaScript延迟加载
Mar 09 Javascript
Js获取事件对象代码
Aug 05 Javascript
Flexigrid在IE下不显示数据的处理的解决方法
Oct 24 Javascript
JavaScript中的Object对象学习教程
May 20 Javascript
Javascript删除指定元素节点的方法
Jun 21 Javascript
JavaScript与ActionScript3两者的同性与差异性
Sep 22 Javascript
微信小程序 action-sheet 反馈上拉菜单简单实例
May 11 Javascript
javascript cookie的基本操作(添加和删除)
Jul 24 Javascript
Angularjs 手写日历的实现代码(不用插件)
Oct 18 Javascript
Javascript读取上传文件内容/类型/字节数
Apr 30 Javascript
layui实现下拉框三级联动
Jul 26 Javascript
vue项目中引入Sass实例方法
Aug 27 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 翻页 实例代码
2009/08/07 PHP
初识PHP
2014/09/28 PHP
PHP基于cookie与session统计网站访问量并输出显示的方法
2016/01/15 PHP
php 5.4 全新的代码复用Trait详解
2017/01/05 PHP
PHP/HTML混写的四种方式总结
2017/02/27 PHP
PHP单例模式数据库连接类与页面静态化实现方法
2019/03/20 PHP
JQuery 选项卡效果(JS与HTML的分离)
2010/04/01 Javascript
JavaScript之HTMLCollection接口代码
2011/04/27 Javascript
javascript SpiderMonkey中的函数序列化如何进行
2012/12/05 Javascript
jQuery中[attribute=value]选择器用法实例
2014/12/31 Javascript
5种JavaScript脚本加载的方式
2017/01/16 Javascript
Angular JS 生成动态二维码的方法
2017/02/23 Javascript
form表单序列化详解(推荐)
2017/08/15 Javascript
javascript 缓冲运动框架的实现
2017/09/29 Javascript
vue注册组件的几种方式总结
2018/03/08 Javascript
详解vue中点击空白处隐藏div的实现(用指令实现)
2018/04/19 Javascript
Vue Router去掉url中默认的锚点#
2018/08/01 Javascript
vue.js实现回到顶部动画效果
2019/07/31 Javascript
Angular单元测试之事件触发的实现
2020/01/20 Javascript
[04:12]第二届DOTA2亚洲邀请赛选手传记-Newbee.Sccc
2017/04/03 DOTA
python实现顺时针打印矩阵
2019/03/02 Python
python 列表中[ ]中冒号‘:’的作用
2019/04/30 Python
Python定时任务随机时间执行的实现方法
2019/08/14 Python
Scrapy框架实现的登录网站操作示例
2020/02/06 Python
TensorFlow实现模型断点训练,checkpoint模型载入方式
2020/05/26 Python
采用冷却技术的超自然舒适度:GhostBed床垫
2018/09/18 全球购物
SheIn沙特阿拉伯:女装在线
2020/03/23 全球购物
教师自我鉴定范文
2014/03/20 职场文书
网络信息安全承诺书
2014/03/26 职场文书
小学作文评语大全
2014/04/21 职场文书
社区清明节活动总结
2014/07/04 职场文书
道路运输企业安全生产责任书
2014/07/28 职场文书
实现中国梦思想汇报2014
2014/09/13 职场文书
学生实习证明范文
2014/09/28 职场文书
中秋节祝酒词
2015/08/12 职场文书
2019大学生实习报告
2019/06/21 职场文书