Jquery click image to rotate:
Code:
var angle = 90;
$('#rightwayup').on("click", function() {
$(this).css({
'-webkit-transform': 'rotate(' + angle + 'deg)',
'-moz-transform': 'rotate(' + angle + 'deg)',
'-o-transform': 'rotate(' + angle + 'deg)',
'-ms-transform': 'rotate(' + angle + 'deg)'
});
angle += 90;
});
Code:
<img id="rightwayup" src="http://i.imgur.com/3nTTzTd.png" alt="" />
Code:
#rightwayup {
position:fixed;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}
Not tested in vbulletin and probably conflicts with something like prev/next but hey its just my 2 cents,
jsfiddle demo