jquery图片不完全按比例自动缩小的简单代码
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});}); }); });

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类