`

图像等比例缩放

阅读更多
Js代码 
  1. $(window).bind("load"function() {  
  2.       
  3. // IMAGE RESIZE  
  4.     $('#product_cat_list img').each(function() {  
  5.         var maxWidth = 120;  
  6.         var maxHeight = 120;  
  7.         var ratio = 0;  
  8.         var width = $(this).width();  
  9.         var height = $(this).height();  
  10.         if(width > maxWidth){  
  11.             ratio = maxWidth / width;  
  12.             $(this).css("width", maxWidth);  
  13.             $(this).css("height", height * ratio);  
  14.             height = height * ratio;  
  15.         }  
  16.         var width = $(this).width();  
  17.         var height = $(this).height();  
  18.         if(height > maxHeight){  
  19.             ratio = maxHeight / height;  
  20.             $(this).css("height", maxHeight);  
  21.             $(this).css("width", width * ratio);  
  22.             width = width * ratio;  
  23.         }  
  24.     });  
  25.       
  26. //$("#contentpage img").show();  
  27.       
  28. // IMAGE RESIZE  
  29. });  
  30. 转自:http://www.iteye.com/news/28047
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics