title: Rotate an image using Javascript
body: <p>First off, I am currently using JQuery so JQuery solutions viable.</p>
  
  <hr>
  
  <p>I want to rotate an image by a dynamic X degrees which is calculated every sec.</p>
  
  <p>Now I had this working perfectly using this <a href="http://code.google.com/p/jqueryrotate/" rel="nofollow">JqueryRotate plugin</a> </p>
  
  <p>The image is rotated perfectly every sec. But I am trying something a little more complicated now.</p>
  
  <p>I want to rotate 4 transparent images on top of each other. Currently I have four <code>&lt;img&gt;</code> tags all correctly aligned and looking nice and pretty ^_^ but using the JqueryRotate plugin that I mentioned earlier forces a redrawing of the image to rotate it losing the transparency so only the top most image is displayed which obviously isn't going to work.</p>
  
  <p><strong>So, What is a good library / plugin or way of rotating an Image whilst keeping transparency?*</strong></p>
  
  <p>Must work in Opera, Safari, Chrome, Firefox and IE8+</p>
  
  <p>I am hoping not to have to include another library for this but if need be I will do so to create this effect of rotating the 4 images. Thanks in advance.</p>