Question

I am using this jQuery plugin: http://code.google.com/p/jqueryrotate/wiki/Documentation

I have the plugin working and everything, however what I want to be able to do is to click a button to rotate the image, and each time you click the button it rotates +/- 90 degrees continuously, not just to a certain degree. I’m not quite sure how I could accomplish this with this plugin.

Ideally the code below would do what I want, though it doesn’t.

$("body").on("click", ".theater-wrapper img", function(){

    $(".theater-wrapper .current").rotate(+90);

});

Answer 1

Something like this?

$("body").on("click", ".theater-wrapper img", function(){

    $(".theater-wrapper .current").rotate(getNextAngle());

});

nextAngle = 0;
function getNextAngle() {
    nextAngle += 90;    
    if(nextAngle >= 360) {
        nextAngle = 0;
    }
    return nextAngle;
}

Probably not a big deal, but to avoid getting a huge number you could reset the value to 0 when needed.