2009-05-22 4 views
3

jQuery 슬라이더 값을 변경할 때 이미지를 회전하는 방법이 궁금합니다. 예를 들어 이미지의 정도는 왼쪽 (0)에서 오른쪽 (360)까지의 슬라이더 변형에 따라 즉석에서 변경됩니다. jQuery의 rotate() 함수에 슬라이더 값을 전달하는 방법을 모르겠습니다. 도와주세요. 모두에게 미리 감사드립니다.jQuery Slider로도 (도) 이미지를 회전하는 방법은 무엇입니까?

답변

3
$(document).ready(function() { 
    $('.selector').slider({ 
     slide: function(event, ui) { 
      $('.image').rotate(ui.value); 
     } 
    }); 
}); 

slide event을 확인하십시오.

+0

감사합니다. Thomas, 당신의 솔루션은 완벽합니다. 그러나 이미지의 중심에서 어떻게 회전시킬 수 있습니까? – Devyn

+0

확실하지 않습니다. - .rotate() UI를 사용하지 않았으므로 너무 익숙하지 않습니다. 한 가지 방법은 div의 이미지를 가지고 크기의 절반 크기의 오프셋을 사용하는 것입니다 (따라서 div 왼쪽 위 모서리가 이미지의 가운데에 있음). div를 회전합니다. 나는 그것을 테스트하지 않았다, 그것은 단지 야생의 생각이다. ...;) –

+0

고마워, 나는 확실히 시험 할 것이다 :) – Devyn

관련 문제