Wie bindet man jQuery in der Größe eines Bildes?

Question

Ich würde gerne wissen, wie man skalierbare Größe mit jQuery on the fly machen kann. Es ist so etwas wie ein Bild hat größenveränderbare Grenze und wir können diese Grenze mit der Maus ziehen, um kleiner oder größer des Bildes zu werden. Wenn ich Größe verändere, wird nur der Hintergrund Kontinent größer, aber das Bild hat immer noch die gleiche Größe. Vielen Dank im Voraus für Ihre wertvollen Antworten!

Answer 1

Mit Bild html wie folgt aus:

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

jquery

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

Answer 2

Verwenden Sie die Größe veränderbar auf den Div-Container oder das eigentliche Bild?

wie in:

$('img').resizable(); 

Sorry über die Syntax nicht sicher.

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() 

Arbeiten in FF