[解決済み] jQuery resizableを画像と結合する方法は？

質問

jQueryで画像をその場でリサイズする方法を教えてほしいです。画像にリサイズ可能な枠があり、その枠をマウスでドラッグすることで画像を小さくしたり大きくしたりできるようなものです。リサイズ可能な画像を使用すると、背景の大陸だけが大きくなり、画像は同じ大きさのままです。貴重なご回答をありがとうございました。

解決方法は？

画像のhtmlはこんな感じです。

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

jquery

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