954,597 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

Image Resize

Hi,
I need to resize an image on dragging handlers which are placed in all 8 directions.
If any of handlers is dragged inwards, then entire image size should be reduced and if dragged outward, the image size should be increased. In any case, image quality should be preserved.
How can we achieved this?

Thanks in advance

sunilsinha
Newbie Poster
20 posts since Oct 2008
Reputation Points: 10
Solved Threads: 0
 

http://www.google.com/search?hl=en&q=drag+drop+image+resize+javascript&meta=&aq=f&oq=
there are thousands of them pre-written

Image quality will not be preserved on resize unless the image is downloaded at the largest possible size and resized smaller by controls
if the image is displayed at 320*320 and physically is 320*320 enlarging the image makes the browser create 'best fit' interpolated pixels so the resolution is reduced.
Hi-res images add to page load delay times which is undesirable so there is a juggling act between image quality of the resized image, image quality of the original image, how much %age of the users are likely to resize the image, how much page delay is acceptible, as to what size the image is.

almostbob
Posting Sensei
3,149 posts since Jan 2009
Reputation Points: 571
Solved Threads: 376
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You