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中的undefined 与 null 的区别  补充篇
Mar 17 Javascript
jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮
Oct 11 Javascript
JS操作Cookies的小例子
Oct 15 Javascript
JQuery中Bind()事件用法分析
May 05 Javascript
JS实现带缓冲效果打开、关闭、移动一个层的方法
May 09 Javascript
《JavaScript函数式编程》读后感
Aug 07 Javascript
直接拿来用的页面跳转进度条JS实现
Jan 06 Javascript
分享jQuery网页元素拖拽插件
Dec 01 Javascript
jQuery表格的维护和删除操作
Feb 03 Javascript
微信小程序 引入es6 promise
Apr 12 Javascript
对vuex中getters计算过滤操作详解
Nov 06 Javascript
vue实现购物车的监听
Apr 20 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通过cookies获取远程网页的指定代码
2013/06/25 PHP
php商品对比功能代码分享
2015/09/24 PHP
PHP生成随机码的思路与方法实例探索
2019/04/11 PHP
Thinkphp5.0 框架Model模型简单用法分析
2019/10/11 PHP
Yii框架Session与Cookie使用方法示例
2019/10/14 PHP
Nodejs中自定义事件实例
2014/06/20 NodeJs
js自动生成的元素与页面原有元素发生堆叠的解决方法
2014/09/04 Javascript
JavaScript获取网页表单提交方式的方法
2015/04/02 Javascript
sso跨域写cookie的一段js脚本(推荐)
2016/05/25 Javascript
玩转JavaScript OOP - 类的实现详解
2016/06/08 Javascript
JavaScript中校验银行卡号的实现代码
2016/12/19 Javascript
jQuery弹出窗口打开链接的实现代码
2016/12/24 Javascript
js移动端事件基础及常用事件库详解
2017/08/15 Javascript
JavaScript的Object.defineProperty详解
2018/07/09 Javascript
vue如何根据网站路由判断页面主题色详解
2018/11/02 Javascript
JavaScript解析JSON数据示例
2019/07/16 Javascript
JS随机密码生成算法
2019/09/23 Javascript
javascript使用链接跨域下载图片
2019/11/01 Javascript
微信小程序实现限制用户转发功能的实例代码
2020/02/22 Javascript
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
2020/09/08 Javascript
python基础教程之udp端口扫描
2014/02/10 Python
TensorFlow实现MLP多层感知机模型
2018/03/09 Python
详解Python网络框架Django和Scrapy安装指南
2019/04/01 Python
使用pygame写一个古诗词填空通关游戏
2019/12/03 Python
python实现从wind导入数据
2019/12/03 Python
Python中remove漏删和索引越界问题的解决
2020/03/18 Python
python输出国际象棋棋盘的实例分享
2020/11/26 Python
css3实例教程 一款纯css3实现的环形导航菜单
2014/10/20 HTML / CSS
爱尔兰最大的体育零售商:Life Style Sports
2019/06/12 全球购物
如何强制垃圾回收
2015/10/06 面试题
外贸英语毕业生自荐信
2013/11/14 职场文书
产品促销活动策划书
2014/01/15 职场文书
大家检讨书5000字
2014/02/03 职场文书
《真想变成大大的荷叶》教学反思
2014/04/14 职场文书
软环境建设心得体会
2014/09/09 职场文书
2015年班级工作总结范文
2015/04/03 职场文书