基于jquery实现等比缩放图片
基于jquery的图片尺寸调整
resize.js
$(window).bind("load",function(){ //IMAGERESIZE $('#product_listimg').each(function(){ varmaxWidth=120; varmaxHeight=120; varratio=0; varwidth=$(this).width(); varheight=$(this).height(); if(width>maxWidth){ ratio=maxWidth/width; $(this).css("width",maxWidth); $(this).css("height",height*ratio); height=height*ratio; } varwidth=$(this).width(); varheight=$(this).height(); if(height>maxHeight){ ratio=maxHeight/height; $(this).css("height",maxHeight); $(this).css("width",width*ratio); width=width*ratio; } }); //$("#contentpageimg").show(); //IMAGERESIZE });
代码很简洁,使用起来也很简单,小伙伴们直接使用即可