Как вращать с Pixastic JQuery более одного раза?

Question

Я пытаюсь повернуть свое изображение, когда нажимаю (используя Pixastic), но я могу повернуть только 1 раз, как я могу вращаться каждый раз, когда нажимаю на изображение

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

Answer 1

Я НЕ использовал Pixastic раньше. Но, я полагаю, каждый раз, когда на изображение нажимают, нужно увеличивать угол на 90 .

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

Обновлено:

Похоже, Pixastic сначала удалит изображение и вставит его снова. Вот почему обработчик onClick выполняется один раз. Измените это, чтобы "жить", и это будет работать.

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

Проверьте Демо: здесь.

Answer 2

Если вы хотите повернуть его более чем на 90 градусов, вы также можете использовать элемент диапазона HTML5 (или обходной путь для устаревших браузеров (например, IE 9 и ниже;-))

HTML (5)

<input type="range" id="rotate" min="-180" max="180" value="0" step="1">

JQuery

$('.rotate').live('change', function(){
    $('img').pixastic("rotate", {angle: $(this).val() });
}

С наилучшими пожеланиями Джейкобу Сейделину за его замечательный плагин!