jquery 自动调整图片大小

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>