How to bind jQuery resizable with an image?

Question

I would like to know how to make resizable image with jQuery on the fly. It's something like an image has resizable border and we can drag that border with mouse in order to become smaller or bigger of the image. When I use resizable, only background continent become bigger but image is still the same size. Thanks in advance for your precious replies!

Answer 1

Are you applying resizable to the div container or the actual image?

as in:

$('img').resizable();

Sorry not sure about the syntax.

Answer 2

With image html like this:

<img id="resizebleImage" src="images/mypic.gif" width="200px"
height="135px">

jquery

$(function(){
   $("#resizebleImage").resizable();
});

Answer 3

in ie the image is centered in the containing element, is it possible to keep the left top corner in one position