how to resize image in javascript or jquery

Question

i am trying to resize a image by 50% how would i be able to do that can some one lead me the the right path please

Thank You

Answer 1

Use JQuery Image Resize Plugin
Also, you can find a good documentation here

Answer 2

Resizing an image on the client side is bad idea if you will only display the image at a reduced size. Their computer downloads the entire image. Resize on the backend. A good program to resize with is imagemagick. Additionally most browsers do a bad job resizing images. Programs like imagemagick use better algorithms. (Though I heard recently that some newer browsers are getting much much better at it.)

Answer 3

<img src="someimage.jpg" id="image" />

jQuery:

$('#image').css({
  width: '50%',
  height: '50%'
});

Answer 4

You can use jQuery's animate method:

.animate({width: maxWidth})