如何将jQuery resizable与图像绑定？

Question

我想知道如何使用jQuery动态制作可调整大小的图像。它就像一个图像具有可调整大小的边框，我们可以用鼠标拖动该边框，以便变得更小或更大的图像。当我使用可调整大小时，只有背景大陆变大，但图像仍然是相同的大小。提前感谢您的宝贵回复！

Answer 1

使用像这样的图像html：

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

<强> jquery的

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

Answer 2

您是否将resizable应用于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中工作