使用JQuery重绘图片的大小详解编程语言

关于图片大小的重绘，你可以在服务端来实现，也可以通过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 
});