Pixastic jquery로 두 번 이상 회전하는 방법은 무엇입니까?

Question

은 내가 (Pixastic 사용) 클릭하면 내 이미지를 회전하려고하지만 1 회 회전 할 수 있습니다, 내가 때마다 회전에 갈 수있는 방법을 내가 전에 Pixastic를 사용하지 않은 이미지

$('#tok').click(function() { 
       $("#tok").pixastic("rotate", {angle:90});     
      }); 

Answer 1

을 클릭합니다. 그러나 저는 이미지가 클릭 될 때마다 각도 90을 증가시켜야한다고 생각합니다.

First Click -> 90 
Second Click->180 
Third Click ->270 
Fourth Click ->360 
Fifth Click ->90..etc 

업데이트 :

Pixastic 먼저 이미지를 제거하고 다시 삽입 보인다. 이것이 onClick 처리기가 한 번 실행되는 이유입니다. "live"로 변경하면 효과가 있습니다.

$('#tok').live('click',function() { 
    $(this).pixastic("rotate", {angle:90});     
}); 

확인 Demo : 여기. 당신이 그것을 미세한 90도를 회전하려면

Answer 2

, 당신은 또한 IE 9와 같은 아래되지 않는 브라우저 (;-))

HTML (5)

의 HTML5 범위 요소 (또는 해결 방법을 사용할 수 있습니다

<input type="range" id="rotate" min="-180" max="180" value="0" step="1"> 

jQuery를

$('.rotate').live('change', function(){ 
    $('img').pixastic("rotate", {angle: $(this).val() }); 
} 

종류는 그의 위대한 플러그인 야곱 Seidelin에 관하여!