jQuery Rotate Image Not On Center

I'm having a bit of an issue trying to rotate an image on a particular point.

I've been using http://jsfiddle.net/YKj5D/ as an example; which works perfectly when wanting to rotate an image from its center point.

However, using the example above, i wanted to rotate the image around the letter G, how could this be achieved?

Current code:

function rotateGearStick()
{
var rotation = function (){
       $("#gear-stick").rotate({
          angle:0, 
          animateTo:110, 
       });
    }
    rotation();
}

Where gear-stick is the ID of my image.

I'm attempting to create an rev counter dial.

Answers


http://jsfiddle.net/YKj5D/1988/

#image{
    margin:100px;
    padding-left:170px; /* <----- */
}

Need Your Help

Rectangle overlap with PDFPTable

java pdf itext

I'm creating a program that generates a PDF file using Java and iText.