Jak obrócić obraz w miejscu z jQuery?

Question

Próbuję zrobić obrót obrazu w miejscu za każdym kliknięciem (obraz jest staromodnym pokrętłem TV). Nie mogę sprawić, żeby działał pomimo moich najlepszych starań.

Kod jest poniżej

var value = 0 
$("#img").rotate({ 
bind: 
{ 
    click: function(){ 
     value +=90; 
     $(this).rotate({ animateTo:value}) 
    } 
} 

});

Answer 1

Mam zapewnienie jsFiddle powodujący div obracania po każdym kliknięciem myszki.

Zasadniczo, to jest z przykładu 5 wtyczki jqueryrotate.js.

referencyjny: jsFiddle

Answer 2

Jest łatka jQuery, który pozwala zrobić coś takiego: http://www.zachstronaut.com/posts/2009/08/07/jquery-animate-css-rotate-scale.html

$('#img').click(function(){ 
    $(this).animate({rotate: '+=10deg'}, 0); 
}); 

Albo ten plugin: http://code.google.com/p/jqueryrotate/ które pozwalają rzeczy jak:

$("#img").rotate({ 
    bind: { 
     click: function() { 
      $(this).rotate({ 
       animateTo: (parseInt($(this).getRotateAngle()) + 10), 
       easing: $.easing.easeInOutExpo 
      }) 
     } 
    } 
});​ 

(http://jsfiddle.net/mFY22/3/)

Answer 3

Oto krótki przykład użycia wtyczki jquery o nazwie jqueryrotate

See the jsfiddle here.