score:2

as promised i've had a look at this and have made a good start for you that you can work with:

html

<div id="graph"><img src="http://ajthomas.co.uk/back.png"></div>

css

#graph{
    background:transparent url(http://ajthomas.co.uk/graph.png) no-repeat top left; 
    height:125px; 
    width:290px; 
    overflow:hidden;
}

jquery

$("img").rotate({ 
   bind: 
     { 
        click : function() { 
            $(this).rotate({animateto:180})
        }
     }   
});

see it in action here - http://jsfiddle.net/ajthomascouk/hwt2v/

it uses a plugin called 'jqueryrotate' check it out here - http://code.google.com/p/jqueryrotate/

hope this gives you a good starting point.

al


Related Query

More Query from same tag