Achieves proportional Scaling Based on jquery and jquery proportional Scaling

Achieves proportional Scaling Based on jquery and jquery proportional Scaling

Jquery-based image size adjustment

Resize. js

Copy codeThe Code is as follows:
$ (Window). bind ("load", function (){
// IMAGE RESIZE
$ ('# Product_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 );
Watermark (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
});

The code is simple and easy to use. You can use it directly.