Resize image for fixed height and fixed width with jquery

Question

There are resizing answers at Jquery resizing image

In the code, there is:

var maxWidth = 100; // Max width for the image
var maxHeight = 100; // Max height for the image

Is it possible to resize to fixed size of 100px x 100px?

This can be done with CSS width:100px;height:100px; however, the image will be stretched and look funny this way. you might be interseted in the jcrop library — docodemore
– docodemore, Commented Jun 26, 2014 at 17:04
I am using the user uploaded images inside a step carousel. jcrop library doesn't work there. — Paramasivan
– Paramasivan, Commented Jun 26, 2014 at 17:07
CSS has the clip property that can be set on absolutely positioned elements. JSBin. — ryentzer
– ryentzer, Commented Jun 26, 2014 at 17:28

Aylen · Accepted Answer · 2014-06-26 17:29:14Z

1

Or you can use CSS as background-image while background-size: cover; background-position: center center;

Aylen

3,56429 silver badges36 bronze badges

answered Jun 26, 2014 at 17:09

Danny

8812 gold badges10 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

It needs to be img tags