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

时间:2021-05-26

复制代码 代码如下:
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});}); }); });

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章