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 相关文章推荐
select标签模拟/美化方法采用JS外挂式插件
Apr 01 Javascript
JS的location.href跳出框架打开新页面的方法
Sep 04 Javascript
JS定义网页表单提交(submit)的方法
Mar 20 Javascript
jQuery插件slick实现响应式移动端幻灯片图片切换特效
Apr 12 Javascript
基于javascript实现图片左右切换效果
Jan 25 Javascript
JavaScript 冒泡排序和选择排序的实现代码
Sep 03 Javascript
ES6中Symbol类型用法实例详解
Apr 06 Javascript
vue中路由参数传递可能会遇到的坑
Dec 07 Javascript
微信小程序实现全局搜索代码高亮的示例
Mar 30 Javascript
基于js实现复制内容到操作系统粘贴板过程解析
Oct 11 Javascript
vue实现简单图片上传
Jun 30 Javascript
js实现贪吃蛇游戏 canvas绘制地图
Sep 09 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进行MySQL删除记录操作代码
2008/06/07 PHP
PHP中实现crontab代码分享
2015/03/26 PHP
PHP中__set()实例用法和基础讲解
2019/07/23 PHP
PHP数组实际占用内存大小原理解析
2020/12/11 PHP
javascript 面向对象编程基础:继承
2009/08/21 Javascript
javascript十个最常用的自定义函数(中文版)
2009/09/07 Javascript
初识JQuery 实例一(first)
2011/03/16 Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
2015/02/27 Javascript
JS 对象属性相关(检查属性、枚举属性等)
2015/04/05 Javascript
JS实现的Select三级下拉菜单代码
2015/08/20 Javascript
Jquery跨域获得Json的简单实例
2016/05/18 Javascript
浅谈javascript基础之客户端事件驱动
2016/06/10 Javascript
JS不用正则验证输入的字符串是否为空(包含空格)的实现代码
2016/06/14 Javascript
js css+html实现简单的日历
2016/07/14 Javascript
BootStrap中的表单大全
2016/09/07 Javascript
JavaScript中数组Array.sort()排序方法详解
2017/03/01 Javascript
js 函数式编程学习笔记
2017/03/25 Javascript
Angular中响应式表单的三种更新值方法详析
2017/08/22 Javascript
iframe与主框架跨域相互访问实现方法
2017/09/14 Javascript
vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法
2018/08/22 Javascript
Python中Collection的使用小技巧
2014/08/18 Python
Python如何为图片添加水印
2016/11/25 Python
python 含子图的gif生成时内存溢出的方法
2019/07/07 Python
Python基于Serializer实现字段验证及序列化
2020/11/04 Python
使用CSS3设计地图上的雷达定位提示效果
2016/04/05 HTML / CSS
关于HTML5 Placeholder新标签低版本浏览器下不兼容的问题分析及解决办法
2016/01/27 HTML / CSS
生物科学系大学生的自我评价
2013/12/20 职场文书
幼儿园大班新学期寄语
2014/01/18 职场文书
老干部工作先进集体事迹材料
2014/05/21 职场文书
乡镇党员群众路线教育实践活动对照检查材料思想汇报
2014/10/05 职场文书
灵魂歌王观后感
2015/06/17 职场文书
2016年秋季运动会加油稿
2015/12/21 职场文书
志愿服务心得体会
2016/01/15 职场文书
高中物理教学反思
2016/02/19 职场文书
Python os和os.path模块详情
2022/04/02 Python
Python可视化动图组件ipyvizzu绘制惊艳的可视化动图
2022/04/21 Python