Search code examples
jqueryrotationpixastic

How to rotate with Pixastic jquery more than once?

I try to rotate my image when I click(using Pixastic) but I can only rotate 1 time, how can I go on rotating each time I click to the image

$('#tok').click(function() {
                $("#tok").pixastic("rotate", {angle:90});                   
            });
Solution

  • I have NOT used Pixastic before. But, I believe, everytime the image is clicked , you have to increase the angle 90 . 

    First Click -> 90 
Second Click->180 
Third Click ->270
Fourth Click ->360
Fifth Click ->90..etc

    Updated:

    It seems Pixastic remove the image first and insert it again. That's why onClick handler is executed once. Change it to "live" and it will work. 

    $('#tok').live('click',function() {
     $(this).pixastic("rotate", {angle:90});                 
});

    Check Demo : here.