jQueryの基本

jQuery UI

画像を縦横の長さの１/2〜2倍までの範囲で拡大/縮小できるようにする (動作しない)

var photo=$('img#photo');
photo.resizable({
   minWidth:photo.width()/2,minHeight:photo.height()/2,
   maxWidth:photo.width()*2,maxHeight:photo.height()*2
} );

CSS設定

.ul, li{margin:1em; padding:5px;}
.ui-wrapper{border:1px solid #000}

●デフォルトでは下辺、右辺、右下角のみがドラッグ可能。

実行例　

html

<div id="ex1" class="ui-wrapper">マウスのドラッグで拡大/縮小</div>