jquery图片不完全按比例自动缩小的简单代码


Posted in Javascript onJuly 29, 2013
jQuery(document).ready(function()
{ 
/* 图片不完全按比例自动缩小*/ 
$(window).load(function(){$('#content div.thumbnail img').each(function(){ var x = 200; 
//填入目标图片宽度
 var y = 140; 
//填入目标图片高度
 var w=$(this).width(), h=$(this).height();
//获取图片宽度、高度 
if (w > x) { 
//图片宽度大于目标宽度时 
var w_original=w, h_original=h; h = h * (x / w);
 //根据目标宽度按比例算出高度 w =x;
 //宽度等于预定宽度 if (h < y) { 
//如果按比例缩小后的高度小于预定高度时
 w = w_original * (y /h_original); 
//按目标高度重新计算宽度 h = y;
 //高度等于预定高度 
} 
}
$(this).attr({width:w,height:h}); }); }); });
Javascript 相关文章推荐
IE6弹出“已终止操作”的解决办法
Nov 27 Javascript
js加强的经典分页实例
Mar 15 Javascript
js中cookie的添加、取值、删除示例代码
Oct 21 Javascript
jQuery中clearQueue()方法用法实例
Dec 29 Javascript
jQuery实现的个性化返回底部与返回顶部特效代码
Oct 30 Javascript
Node.js本地文件操作之文件拷贝与目录遍历的方法
Feb 16 Javascript
浅析在javascript中创建对象的各种模式
May 06 Javascript
JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码
Aug 18 Javascript
浅谈vue项目如何打包扔向服务器
May 08 Javascript
vue favicon设置以及动态修改favicon的方法
Dec 21 Javascript
JQuery插件tablesorter表格排序实现过程解析
May 28 jQuery
Ant Design Vue table中列超长显示...并加提示语的实例
Oct 31 Javascript
jquery验证手机号码、邮箱格式是否正确示例代码
Jul 28 #Javascript
jquery 定位input元素的几种方法小结
Jul 28 #Javascript
jquery 获取表单元素里面的值示例代码
Jul 28 #Javascript
a标签的href和onclick 的事件的区别介绍
Jul 26 #Javascript
alert中断settimeout计时功能
Jul 26 #Javascript
JS清除IE浏览器缓存的方法
Jul 26 #Javascript
jquery简单的拖动效果实现原理及示例
Jul 26 #Javascript
You might like
利用php绘制饼状图的实现代码
2013/06/07 PHP
php中session使用示例
2014/03/29 PHP
PHP getallheaders无法获取自定义头(headers)的问题
2016/03/23 PHP
smarty的section嵌套循环用法示例
2016/05/28 PHP
php微信扫码支付 php公众号支付
2019/03/24 PHP
jquery 面包屑导航 具体实现
2013/06/05 Javascript
jquery限定文本框只能输入数字即整数和小数
2013/11/29 Javascript
js在输入框屏蔽按键,只能键入数字的示例代码
2014/01/03 Javascript
上传图片js判断图片尺寸和格式兼容IE
2014/09/01 Javascript
javascript制作坦克大战全纪录(1)
2014/11/27 Javascript
JavaScript弹出对话框的三种方式
2016/03/23 Javascript
Javascript点击其他任意地方隐藏关闭DIV实例
2016/06/21 Javascript
BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)
2016/07/07 Javascript
jQuery grep()方法详解及实例代码
2016/10/30 Javascript
bootstrapfileinput实现文件自动上传
2016/11/08 Javascript
详解js的事件代理(委托)
2016/12/22 Javascript
Vue.js双向绑定实现原理详解
2016/12/22 Javascript
基于JavaScript实现类名的添加与移除
2017/04/23 Javascript
node+koa实现数据mock接口的方法
2017/09/20 Javascript
编写一个javascript元循环求值器的方法
2020/04/14 Javascript
[01:17]Ti4 循环赛第一日回顾
2014/07/11 DOTA
python使用reportlab实现图片转换成pdf的方法
2015/05/22 Python
python flask中静态文件的管理方法
2018/03/20 Python
python实现自动化报表功能(Oracle/plsql/Excel/多线程)
2019/12/02 Python
python PIL/cv2/base64相互转换实例
2020/01/09 Python
如何在mac下配置python虚拟环境
2020/07/06 Python
python爬虫中PhantomJS加载页面的实例方法
2020/11/12 Python
普通大学毕业生自荐信
2013/11/04 职场文书
护理专业大学生自我推荐信
2014/01/25 职场文书
行政主管职责范本
2014/03/07 职场文书
亮化工程实施方案
2014/03/17 职场文书
遗嘱继承公证书
2014/04/09 职场文书
公司员工离职证明书
2014/10/04 职场文书
院党委组织查摆问题对照检查材料思想汇报2014
2014/10/08 职场文书
乡村教师党员四风问题对照检查材料思想汇报
2014/10/08 职场文书
Python+Tkinter打造签名设计工具
2022/04/01 Python