jQueryRotate.jsを使って、ボタンクリックでブロックを回転させたい

Question

http://jqueryrotate.com/
こちらのライブラリをお借りして、画像回転ツールを作っています。
HPにもサンプルがのっていますが、example5の仕組みをお借りしています。
しかし、このままですと、画像本体をクリックして回転させています。
画像とは別のボタンをクリックしたら回転するというしくみに書き換えたいです。
現状は下記のようになっています。

<img id="img">
<button id="btn">クリックで回転</button>

$('#btn').on('click', function() {
	spin();
});

function spin(){
var value = 0 
$("#img").rotate(
{
  bind: {
	  click : function(){
      value +=90;
      $(this).rotate({ animateTo:value})
  }
  }
})
};

これですと、#btnが回転機能の主電源みたいになってしまって、実際に回転させるときは画像をクリックしないとダメです。。
おそらくbindがちゃんと理解できていません。ご教授宜しくお願いいたします。

Answer 1

ボタンを押した時に直接回転してしまえばいいのではないかと思います。

var value = 0;
$('#btn').on('click', function() {
  value += 90;
  $("#img").rotate({animateTo: value});
});

http://jsfiddle.net/8xwqdk71/449/

Comments

[massiveGorilla]

ほんとだ！！！コレでイケました！！ありがとうございます！！