1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<script type= "text/javascript" >
$(document).ready( function (){
$( ‘#cons img‘ ).each( function () {
var
maxWidth =650; // 图片最大宽度
var
maxHeight =650; // 图片最大高度
var
ratio = 0; // 缩放比例
var
width = $( this ).width(); // 图片实际宽度
var
height = $( this ).height(); // 图片实际高度 // 检查图片是否超宽
if (width > maxWidth){
ratio = maxWidth / width; // 计算缩放比例
$( this ).css( "width" , maxWidth); // 设定实际显示宽度
height = height * ratio; // 计算等比例缩放后的高度
$( this ).css( "height" , height); // 设定等比例缩放后的高度
} // 检查图片是否超高
if (height > maxHeight){
ratio = maxHeight / height; // 计算缩放比例
$( this ).css( "height" , maxHeight); // 设定实际显示高度
width = width * ratio; // 计算等比例缩放后的高度
$( this ).css( "width" , width); // 设定等比例缩放后的高度
}});
});
</script>
|