首页 > jquery特效插件 / 图片特效 / > jquery图片按比例缩放展示特效

jquery图片按比例缩放展示特效

点击: 4528 , 发布日期: 2011-12-20
jquery图片按比例缩放展示特效

jquery图片按比例缩放展示特效

 jquery图片按比例缩放展示特效,在排列商品时图片的大小往往是不一样的,能让图片按比例缩放又能左右垂直居中是很有必要的,功能原理,判断图片的长与高,是长大于高还是高大于长来决定是按长还是按高来缩放,再判断外框的大小来设置图片的margintop值的多少。

jquery代码:

function setimg(obj, maxw, maxh)
{
	var imgw = jQuery(obj).width();
	var imgh = jQuery(obj).height();
	if(imgw > maxw || imgh > maxh){
		a=imgw/maxw; b=imgh/maxh; 
		if(b>a) a=b;
		imgw=imgw/a; imgh=imgh/a;
	}
	jQuery(obj).css({"width":imgw,"height":imgh,"marginTop":Math.ceil(maxh-imgh)/2,"marginLeft":Math.ceil(maxw-imgw)/2});
}

 

关键词: jquery

注:用QQ登录后即可下载特效,当然你的积分是有限的,望好好利用与赚取!如何获得积分

我要评论
登录再评论
全部评论