jQuery UI

jQuery UIによる画面コンポーネント（１）
●スライダで画像の大きさを倍率50％〜150%まで変化させる
動作しない

jQuery UI設定

var img=$('#clock');
var width=img.width();

$('#ex1').bind('slide',function(ev,ui) {img.width(ui.value);} )
         .slider( {min:width*0.5,max:width*1.5,startValue:width} );

CSS設定

<p>
  <div id="ex1" class="ui-slider-1">
   <div class="ui-slider-handle"></div>
  </div>
<br>
  <img id="clock" src="../../../resources/photo1.jpg" />
</p>