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, Jun 26 '14 at 17:04
I am using the user uploaded images inside a step carousel. jcrop library doesn't work there. — Paramasivan, Jun 26 '14 at 17:07
CSS has the **clip** property that can be set on absolutely positioned elements. [JSBin](http://jsbin.com/kajid/3/edit). — ryentzer, Jun 26 '14 at 17:28

score 1 · Answer 1 · edited Jun 26 '14 at 17:29

1

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

edited Jun 26 '14 at 17:29

Aylen

answered Jun 26 '14 at 17:09

Danny

1 Answers1