jquery图片不完全按比例自动缩小的简单代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:jQuery(document).ready(function(){/*图片不完全按比例自动缩小*/$(window).l...
复制代码 代码如下:
jQuery(document).ready(function()
{
/* 图片不完全按比例自动缩小*/
$(window).load(function(){$('#content div.thumbnail img').each(function(){varx=200;
//填入目标图片宽度
vary=140;
//填入目标图片高度
varw=$(this).width(),h=$(this).height();
//获取图片宽度、高度
if(w>x){
//图片宽度大于目标宽度时
varw_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});}); }); });