凌的博客

您现在的位置是: 首页 > 前端学习 > Js > 

Js

javascript 设定图片居中时大小

2015-06-24 Js 902
/** 设定图片居中时大小 @param object obj @param int width 外框宽度 @param int height 外框高度 //使用时 切记 图片不要 设定高度 和 宽度 */ function image_set_center(obj,width,height){ var img = $(obj
/**
设定图片居中时大小
@param object obj
@param int width 外框宽度
@param int height 外框高度
//使用时 切记 图片不要 设定高度 和 宽度
*/
function image_set_center(obj,width,height){
	var img = $(obj);
	if(img.width()>0){
		img_pos = setCenter(img.width(),img.height(),width,height);
		img.width(img_pos[0],img_pos[1]);
	}else{
		img.load(function(){
			img_pos = setCenter(img.width(),img.height(),width,height);
			img.width(img_pos[0],img_pos[1]);
		});
	}
	function setCenter(w,h,width,height){
		var _w,_h;
		if(w/h > width/height){
			_w = width;
			_h = width*h/w;
		}else if(w/h < width/height){
			_w = parseInt(w*height/h);
			_h = height;
		}else if(w/h == width/height){
			_w = width;
			_h = height;
		}
		return [_w,_h];
	}
}
/**
设定图片居中时大小
@param object obj
@param int width 外框宽度
@param int height 外框高度
//使用时 切记 图片不要 设定高度 和 宽度
*/
function image_set_center_full(obj,width,height){
	var img = $(obj);
	if(img.width()>0){
		img_pos = setCenter(img.width(),img.height(),width,height);
		img.width(img_pos[0],img_pos[1]);
		img.parent().css("margin-top","-"+((img_pos[1]-height)/2)+"px");
	}else{
		img.load(function(){
			img_pos = setCenter(img.width(),img.height(),width,height);
			img.width(img_pos[0],img_pos[1]);
			img.parent().css("margin-top","-"+((img_pos[1]-height)/2)+"px");
		});
	}
	
	function setCenter(w,h,width,height){
		var _w,_h;
		if(w/h > width/height){
			_w = parseInt(w*height/h);
			_h = height;
		}else if(w/h < width/height){
			_w = width;
			_h = width*h/w;
		}else if(w/h == width/height){
			_w = width;
			_h = height;
		}
		return [_w,_h];
	}
}

文章评论

0条评论