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 写类方式之九
Jul 05 Javascript
javascript 主动派发事件总结
Aug 09 Javascript
对new functionName()定义一个函数的理解
May 22 Javascript
炫酷的js手风琴效果
Oct 13 Javascript
JS处理一些简单计算题
Feb 24 Javascript
在vue项目中正确使用iconfont的方法
Sep 28 Javascript
详解微信小程序与内嵌网页交互实现支付功能
Oct 22 Javascript
如何将百度地图包装成Vue的组件的方法步骤
Feb 12 Javascript
浅谈ECMAScript 中的Array类型
Jun 10 Javascript
vuex 中插件的编写案例解析
Jun 10 Javascript
序列化模块json代码实例详解
Mar 03 Javascript
vue实现可拖拽的dialog弹框
May 13 Vue.js
跨浏览器开发经验总结(四) 怎么写入剪贴板
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
phpMyAdmin 安装及问题总结
2009/05/28 PHP
PHP extract 将数组拆分成多个变量的函数
2010/06/30 PHP
php preg_replace替换实例讲解
2013/11/04 PHP
PHP中抽象类和抽象方法概念与用法分析
2016/05/24 PHP
smarty的section嵌套循环用法示例
2016/05/28 PHP
PHPMailer ThinkPHP实现自动发送邮件功能
2018/06/10 PHP
Laravel 不同生产环境服务器的判断实践
2019/10/15 PHP
javascript实现面向对象类的功能书写技巧
2010/03/07 Javascript
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
2012/09/19 Javascript
使用jQuery动态加载js脚本文件的方法
2014/04/03 Javascript
JavaScript程序中实现继承特性的方式总结
2016/06/24 Javascript
jQuery悬停文字提示框插件jquery.tooltipster.js用法示例【附demo源码下载】
2016/07/19 Javascript
jQuery+Ajax实现用户名重名实时检测
2017/06/01 jQuery
JavaScript中的FileReader图片预览上传功能实现代码
2017/07/24 Javascript
详解Node.js模板引擎Jade入门
2018/01/19 Javascript
vue项目中jsonp跨域获取qq音乐首页推荐问题
2018/05/30 Javascript
[40:55]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#4Newbee VS Fnatic
2016/03/03 DOTA
[42:23]完美世界DOTA2联赛PWL S3 Forest vs Rebirth 第二场 12.10
2020/12/13 DOTA
python xml解析实例详解
2016/11/14 Python
Python面向对象之类的内置attr属性示例
2018/12/14 Python
python实现趣味图片字符化
2019/04/30 Python
Python面向对象编程基础实例分析
2020/01/17 Python
Python爬虫工具requests-html使用解析
2020/04/29 Python
Python中使用threading.Event协调线程的运行详解
2020/05/02 Python
Python+Selenium实现自动化的环境搭建的步骤(图文)
2020/09/01 Python
详解通过HTML5 Canvas实现图片的平移及旋转变化的方法
2016/03/22 HTML / CSS
英国办公家具网站:Furniture At Work
2019/10/07 全球购物
生物科学专业个人求职信范文
2013/12/07 职场文书
物业保安员岗位职责
2014/03/14 职场文书
自主招生推荐信范文
2014/05/10 职场文书
授权委托书范文
2014/07/31 职场文书
学校领导班子四风问题整改意见
2014/10/02 职场文书
党的群众路线教育实践活动查摆问题及整改措施
2014/10/10 职场文书
2014年妇产科工作总结
2014/12/08 职场文书
长辈生日祝福语大全(72句)
2019/08/09 职场文书
浅谈Python3中datetime不同时区转换介绍与踩坑
2021/08/02 Python