使用Jquery或Jquery Mobile中的左侧滑动向左旋转图像

Question

I done my almost some functionality In my app .I done animation on tabhold and vmouseup on removing the mouse.But I need to shift only one image at one time left and right while using swipeleft or swipe right.But my image rotate only in right not in left side. Can you please tell me how to rotate image. Link findle: http://jsfiddle.net/PMrDn/101/

$(document).off('swipeleft').on('swipeleft', '#index', function(event){    
        timerObject.interval_id = setInterval(animate, 20);
    });

    $(document).off('swiperight').on('swiperight', '#index', function(event){   
        timerObject.interval_id = setInterval(animate, 20);           
    }); 

Answer 1

You are using the same function (animate) when swiping left or right. You can use a different function for each functionality or you can pass some parameters to specify left or right turning.

If you change boxes[idx].currentAngle--;

to boxes[idx].currentAngle++;

the items turn left

Answer 2

You are calling animate() for both cases, but animate() only rotates to the right ( boxes[idx].currentAngle--; ). You could pass the angle difference to animate() instead of always subtracting 1. Example: http://jsfiddle.net/PMrDn/102/