Как связать jQuery изменяемого размера с изображением?

Question

Я хотел бы знать, как создать изменяемый размер изображения с помощью jQuery на лету. Это что-то вроде изображения с изменяемой рамкой, и мы можем перетащить эту границу мышью, чтобы уменьшить или уменьшить изображение. Когда я использую изменяемый размер, только фон континента становится больше, но изображение остается того же размера. Заранее благодарим за ваши драгоценные ответы!

Answer 1

С изображением html вот так:

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

JQuery

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

Answer 2

Применяете ли вы изменяемый размер для контейнера div или фактического изображения?

как в:

$('img').resizable();

Извините, не уверен насчет синтаксиса.

Answer 3

CSS

.container { width:130px; height:200px; }
.container img { 
width:100%; /* Set to auto to preserve aspect ratio */
height:100% }

HTML:

<div class=container><img src=yourimg.jpg /></div>

JS

$('div.container').resizable()

Работает в ФФ