title: Howto rotate image using jquery rotate plugin?
body: <p>How do you rotate an image using <a href="http://code.google.com/p/jquery-rotate/" rel="nofollow noreferrer">jQuery-rotate</a> plugin?</p>
  
  <p>I have tried the following and it doesn't seem to work:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=windows-1252"&gt;
  &lt;title&gt;View Photo&lt;/title&gt;
  &lt;script type="text/javascript" src="scripts/jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="scripts/jquery.rotate.1-1.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  var angle = 0;
  setInterval ( function (e) {
      rotate();
  }, 100 );
  function rotate() {
      angle = angle + 1;
      $('#pic').rotate(angle);
  }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;img border="0" src="player.gif" name="pic" id="pic"&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Other methods that are supported by most browsers are wanted too, thanks!</p>