2009-05-20 10 views
2

jQueryを使ってサイズ変更可能なイメージを作成する方法を知りたいです。画像のサイズを変更できるようなものです。マウスの境界線をドラッグして、画像のサイズを小さくしたり大きくしたりすることができます。サイズ変更可能なものを使用すると背景の大陸のみが大きくなりますが、画像は同じサイズになります。あなたの貴重な返信をお寄せいただきありがとうございます!イメージとサイズ変更可能なjQueryをバインドするにはどうすればいいですか?

答えて

7

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

jqueryの

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

で動作しますので、幅に画像の高さを設定する必要があります。知っておいて良かった:) – Stefan

1

divコンテナまたは実際のイメージにresizableを適用していますか?

のように:構文について

$('img').resizable(); 

申し訳ありませんがわかりません。このような画像HTMLで

0

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

関連する問題