如何綁定與圖像可調整大小的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() 

在FF