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)
文章评论
-
-
-
0条评论