//---------- 图片自动比例
$( function() {
$(".PicAuto").each( function() {
var BoxWidth = $(this).attr("width"),BoxHeight = $(this).attr("height");
var img = new Image(),_this = $(this);
img.src = $(this).attr("src");
if ( img.complete ) {
var RealWidth = img.width,RealHeight = img.height,Padding = 0;
if ( RealWidth / RealHeight > BoxWidth / BoxHeight ) {
RealHeight = parseInt( BoxWidth / RealWidth * RealHeight );
RealWidth = parseInt( BoxWidth );
Padding = parseInt( ( BoxHeight - RealHeight ) / 2 );
_this.attr("width",RealWidth).attr("height",RealHeight).css("padding",Padding + "px 0");
}
else {
RealWidth = parseInt( BoxHeight / RealHeight * RealWidth );
RealHeight = parseInt( BoxHeight );
Padding = parseInt( ( BoxWidth - RealWidth ) / 2 );
_this.attr("width",RealWidth).attr("height",RealHeight).css("padding","0 " + Padding + "px");
}
}
img.onload = function() {
var RealWidth = img.width,RealHeight = img.height,Padding = 0;
if ( RealWidth / RealHeight > BoxWidth / BoxHeight ) {
RealHeight = parseInt( BoxWidth / RealWidth * RealHeight );
RealWidth = parseInt( BoxWidth );
Padding = parseInt( ( BoxHeight - RealHeight ) / 2 );
_this.attr("width",RealWidth).attr("height",RealHeight).css("padding",Padding + "px 0");
}
else {
RealWidth = parseInt( BoxHeight / RealHeight * RealWidth );
RealHeight = parseInt( BoxHeight );
Padding = parseInt( ( BoxWidth - RealWidth ) / 2 );
_this.attr("width",RealWidth).attr("height",RealHeight).css("padding","0 " + Padding + "px");
}
return;
};
} );
} );
<img src="/" width="99" height="121" class="PicAuto" />