jQuery缩放图片详解编程语言

虽然图片应该在服务器端缩放，不过如果服务器端未做缩放，需要再客户端缩放的时候，可以使用下面这个方便的代码片段：

$(window).bind("load", function() { 
    // IMAGE RESIZE 
    $('#product_cat_list img').each(function() { 
        var maxWidth = 120; 
        var maxHeight = 120; 
        var ratio = 0; 
        var width = $(this).width(); 
        var height = $(this).height(); 
      
        if(width > maxWidth){ 
            ratio = maxWidth / width; 
            $(this).css("width", maxWidth); 
            $(this).css("height", height * ratio); 
            height = height * ratio; 
        } 
        var width = $(this).width(); 
        var height = $(this).height(); 
        if(height > maxHeight){ 
            ratio = maxHeight / height; 
            $(this).css("height", maxHeight); 
            $(this).css("width", width * ratio); 
            width = width * ratio; 
        } 
    }); 
    //$("#contentpage img").show(); 
    // IMAGE RESIZE 
});