Анимированная половина круговой диаграммы

Question

Я создал эту графику "половина пирога" во Flash: http://www.elperiodico.com/es/elecciones-28n/
Теперь я перенес его на JavaScript: http://especiales.elperiodico.com/LABS/ELEC2011B/html/emi-basic2.htm

Мне бы хотелось, чтобы в «половинном пироге» JavaScript использовалась та же анимация слева направо, что и во Flash-версии, но я не могу этого сделать.

Будет ли кто-нибудь так любезен, чтобы помочь?

Answer 1

Как и обещал, я посмотрел на это и дал вам хорошее начало, с которым вы можете работать:

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

Смотрите это в действии здесь - http://jsfiddle.net/ajthomascouk/hWt2v/

Используется плагинназывается 'jqueryrotate', проверьте это здесь - http://code.google.com/p/jqueryrotate/

Надеюсь, это даст вам хорошую отправную точку.

Al