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 相关文章推荐
window.onload 加载完毕的问题及解决方案(下)
Jul 09 Javascript
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
Mar 20 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
Jan 16 Javascript
JQuery给元素绑定click事件多次执行的解决方法
May 29 Javascript
JavaScript在网页中画圆的函数arc使用方法
Nov 13 Javascript
js判断数组key是否存在(不用循环)的简单实例
Aug 03 Javascript
JS 60秒后重新发送验证码的实例讲解
Jul 26 Javascript
微信小程序request请求后台接口php的实例详解
Sep 20 Javascript
async/await地狱该如何避免详解
May 10 Javascript
layui 监听表格复选框选中值的方法
Aug 15 Javascript
vue实现表单录入小案例
Sep 27 Javascript
记一次用ts+vuecli4重构项目的实现
May 21 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
真正面向对象编程:PHP5.01发布
2006/10/09 PHP
php设计模式 Chain Of Responsibility (职责链模式)
2011/06/26 PHP
PHP开发工具ZendStudio下Xdebug工具使用说明详解
2013/11/11 PHP
php中apc缓存使用示例
2013/12/25 PHP
yii分页组件用法实例分析
2015/12/28 PHP
PHP超级全局变量【$GLOBALS,$_SERVER,$_REQUEST等】用法实例分析
2019/12/11 PHP
CL vs ForZe BO5 第二场 2.13
2021/03/10 DOTA
php上传图片并给图片打上透明水印的代码
2010/06/07 Javascript
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
2013/03/21 Javascript
Js实现当前点击a标签变色突出显示其他a标签回复原色
2013/11/27 Javascript
利用原生JavaScript获取元素样式只是获取而已
2014/10/08 Javascript
jQuery使用fadeout实现元素渐隐效果的方法
2015/03/27 Javascript
NodeJS 实现多语言的示例代码
2018/09/11 NodeJs
vue与bootstrap实现简单用户信息添加删除功能
2019/02/15 Javascript
react 移动端实现列表左滑删除的示例代码
2019/07/04 Javascript
python图像处理之镜像实现方法
2015/05/30 Python
Django admin美化插件suit使用示例
2017/12/12 Python
Python动刷新抢12306火车票的代码(附源码)
2018/01/24 Python
对python打乱数据集中X,y标签对的方法详解
2018/12/14 Python
详解python中的hashlib模块的使用
2019/04/22 Python
python实现大文件分割与合并
2019/07/22 Python
运用PyTorch动手搭建一个共享单车预测器
2019/08/06 Python
python 利用jinja2模板生成html代码实例
2019/10/10 Python
python错误调试及单元文档测试过程解析
2019/12/19 Python
python 实现从高分辨图像上抠取图像块
2020/01/02 Python
python的Jenkins接口调用方式
2020/05/12 Python
Python通过format函数格式化显示值
2020/10/17 Python
Python爬虫爬取ts碎片视频+验证码登录功能
2021/02/22 Python
荟萃全球保健品:维他购
2018/05/09 全球购物
卡骆驰英国官网:Crocs英国
2019/08/22 全球购物
德国亚洲食品网上商店:asiafoodland.de
2019/12/28 全球购物
个人优缺点自我评价
2014/01/27 职场文书
《只有一个地球》教学反思
2014/02/14 职场文书
机械专业技术员求职信
2014/06/14 职场文书
专家推荐信范文
2015/03/26 职场文书
小程序实现悬浮按钮的全过程记录
2021/10/16 HTML / CSS