title: Rotate images by clicking a button
body: <p>I want to rotate an image 90 degrees, 180 degrees and 360 degrees on button click. </p>
  
  <pre><code> &lt;img class="test" id="image" src="images/image" alt="This is the Display Image" /&gt;
  </code></pre>
  
  <p>I have used this script and I don't liked it because it just displays one single rotation...</p>
  
  <pre><code>$(document).ready(function() {
     $('#image').rotate({maxAngle:25,minAngle:-55,
        bind: [
          {"mouseover":function(){$(this).rotateAnimation(85); } },
          {"mouseout":function(){$(this).rotateAnimation(-35); } }
        ]
     });
  });
  </code></pre>