jquery automatically adjusts image size

?

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>