javascript

位置:IT落伍者 >> javascript >> 浏览文章

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


发布日期:2018年03月15日
 
jquery图片不完全按比例自动缩小的简单代码
开发前期用自动生产 固定大小的图片 进行 显示发现不能满足在前期的时候把保存了原图现在只能显示原图原图由于上传时候没有做任何限制所有要使用 图片不完全按比例缩小下面是代码复制代码 代码如下:


jQuery(document)ready(function()
{
/* 图片不完全按比例自动缩小*/
$(window)load(function(){$(#content divthumbnail img)each(function(){varx=;
//填入目标图片宽度
vary=;
//填入目标图片高度
varw=$(this)width()h=$(this)height();
//获取图片宽度高度
if(w>x){
//图片宽度大于目标宽度时
varw_original=wh_original=h;h=h*(x/w);
//根据目标宽度按比例算出高度w=x;
//宽度等于预定宽度if(h<y){
//如果按比例缩小后的高度小于预定高度时
w=w_original*(y/h_original);
//按目标高度重新计算宽度h=y;
//高度等于预定高度
}
}
$(this)attr({width:wheight:h});}); }); });

上一篇:JQuery调webservice实现邮箱验证

下一篇:js调用AJAX时Get和post的乱码