चेतन आधा पाई आरेख

Question

मैं इस ग्राफिक "आधा पाई" फ्लैश में बनाया: http://www.elperiodico.com/es/elecciones-28n/
अब मैं यह जावास्क्रिप्ट में पोर्ट: http://especiales.elperiodico.com/LABS/ELEC2011B/html/emi-basic2.htm

रहा एक ही एनीमेशन का उपयोग करने के लिए JavaScript "आधा पाई" चाहते हैं बाएं से फ्लैश संस्करण के रूप में, लेकिन यह नहीं कर सकता।

कोई इतना प्रकार के रूप में मदद करने के लिए होगा?

Answer 1

के रूप में देने का वादा किया मैं इस पर एक नज़र लिया है और है कि आप के साथ काम कर सकते हैं आप के लिए एक अच्छी शुरुआत बना दिया है:

एचटीएमएल

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

सीएसएस

#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}) 
     } 
    } 
}); 

यहां कार्य करते हुए देखें - http://jsfiddle.net/ajthomascouk/hWt2v/

यह एक प्लगइन 'jqueryrotate' कहा जाता है का उपयोग करता है इसे यहाँ बाहर की जाँच - http://code.google.com/p/jqueryrotate/

आशा इस आप एक अच्छा प्रारंभिक बिंदु देता है।

अल