Jquery, 가운데 회전

Question

이미지를 회전하는 데 문제가 있습니다. 내가 필요한 것은 이미지 클릭을 사용자의 특정 지점으로 회전시키는 기능입니다. 문제는 div가 왼쪽 상단에서 회전한다는 것입니다.

나는과 원점을 지정한 CSS와 같은 :

-webkit-transform-origin: center center; 

나는 그것을 시작하려면이을 사용하고 있습니다 :

$('.rotate1').click(function() { 
    $('#tri1').transition({ rotate: '-280deg' }, 5000, 'ease'); 
}); 

뿐인 : 사전

에서 http://jsfiddle.net/zz5uz/1/

감사합니다

Answer 1

It 's 왜냐하면 당신은 이미지가 아니라 div에 ID가 있기 때문입니다. 로 변경 :

<div class="triangle-down1"> 
    <img src="../../testppoints.png" id="tri1"> 
</div> 

http://jsfiddle.net/zz5uz/2/