Comment lier jQuery redimensionnable avec une image?

Question

Je voudrais savoir comment faire une image redimensionnable avec jQuery à la volée. C'est quelque chose comme une image a une bordure redimensionnable et nous pouvons faire glisser cette bordure avec la souris afin de devenir plus petit ou plus grand de l'image. Lorsque j'utilise redimensionnable, seul le fond d'écran devient plus grand mais l'image est toujours de la même taille. Merci d'avance pour vos précieuses réponses!

Answer 1

Avec l'image html comme ceci:

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

jquery

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

Answer 2

Appliquez-vous une redimensionnable au conteneur div ou à l'image réelle?

comme dans:

$('img').resizable(); 

Désolé pas sûr de la syntaxe.

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

Travaux dans FF