jquery 自动调整图片大小

为什么80%的码农都做不了架构师？>>>   

$(document).ready(function(){
    $('img').each(function(){   
        var maxWidth =500;      // 图片最大宽度   
        var maxHeight =500;     // 图片最大高度   
        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);        // 设定等比例缩放后的高度   
        }
    });
});

转载于:https://my.oschina.net/junn/blog/81351