Jquery UI 슬라이더를 사용하여 크기 조정 트리거

Question

크기 조정이 가능한 슬라이더를 사용하는 사람이 있습니까? 이 방법으로 슬라이더의 값을 사용하여 다른 요소의 너비와 높이를 조작 할 수 있습니다.

$("#myslider").slider({ 
     value: 50, 
     max: 100, 
     min: 0, 
     stop: function(event, ui) { 
      $(".scalablediv").resizable({ 
       resize: function(event, ui) { 
       ui.size.width = ui.value; 
      } 
    });   
    } 
}); 

<div class="scalablediv"></div> 

Answer 1

당신은 슬라이더의 slide 이벤트 트리거를 놓고, 당신이 scalablediv의 폭과 높이를 설정할 수 있습니다 내부해야합니다 다음은 예입니다. scalablediv ~ resizable을 실제로는 크기를 조정하지 않고 대신 resizable 개체로 만듭니다. 여기 예를 들어 바이올린이 있습니다 : http://jsfiddle.net/6KSbp/1/. 감사합니다.