Change CSS rotation value with jQuery

Question

I have this element in my code:

<img id="pswheel" src="images/wheel.png" style="transform: rotate(315deg); transform-origin: 50% 50% 0px;">

Now I want to change the rotation value from 315 to 0 on a click event. How do I do that?

score 1 · Accepted Answer · answered Jan 13 '14 at 20:19

1

Try this:

$('elementtoclick').click(function(){
   $('img').css('transform','rotate(0deg)');
})

answered Jan 13 '14 at 20:19

DaniP

You are a star...Thanks a lott..Worked – Prithviraj Mitra Jan 13 '14 at 20:23
One last question..How can I get the current rotation value in a variable for example I want to do this var val = 315; – Prithviraj Mitra Jan 13 '14 at 20:26
1

For your question check this post http://stackoverflow.com/questions/8270612/get-element-moz-transformrotate-value-in-jquery – DaniP Jan 13 '14 at 20:32
I tried with the solution posted there but didn't work for me. – Prithviraj Mitra Jan 13 '14 at 23:09

1 Answers1