javascript 设定图片居中时大小
2015-06-24 Js 1430
/**
设定图片居中时大小
@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)
文章评论
-
-
-
0条评论