JQUERY ROTATE IMAGE NOT ON CENTER

Takeshi Okada

Total Post:89

Points:629
Posted by  Takeshi Okada
JQuery 
 2249  View(s)
Ratings:
Rate this:
Hi Mindstickians!

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.

Thanks in advance!

  1. AVADHESH PATEL

    Post:604

    Points:4228
    Re: jQuery Rotate Image Not On Center

    Hi Takeshi!


    You can try as following

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

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!