jquery 自动调整图片大小

浏览数：103 / 时间：2015年06月09日

<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>