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

});

原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/8604.html