jquery - Pixastic jqueryで複数回ローテーションする方法は？

Question

（Pixasticを使用して）クリックすると画像を回転させようとしますが、回転できるのは1回だけです。画像をクリックするたびに、回転を続けるにはどうすればよいですか。

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

Answer 1

私はこれまでPixasticを使用したことがありません。ただし、画像をクリックするたびに、角度を90度大きくする必要があると思います。

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

更新しました：

Pixasticは最初に画像を削除してから、もう一度挿入するようです。そのため、onClickハンドラーは1回実行されます。「ライブ」に変更すると、機能します。

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

デモを確認してください：ここ。

Answer 2

90度よりも細かく回転させたい場合は、HTML5範囲要素を使用することもできます（または非推奨のブラウザー（IE 9以下など）の回避策;-)）

HTML（5）

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

jQuery

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

Jacob Seidelinの素晴らしいプラグインに感謝します！