jQuery旋转木马Flex 3D旋转木马

Question

我已经实现了这个旋转木马，它工作得很好，但是当我单击所有带我回到旋转木马开头的图像时，旋转木马会将所有图像转回到第一个图像。我在这里做了个小提琴手来证明这个问题-

http://jsfiddle.net/s0h28mop/6/

rotate_int

我觉得问题就在这里。任何帮助都将不胜感激！

干杯!

Answer 1

使用下面的行查找单击图像的位置：

new_int = -1 * $(this).index();

因此，如果您的当前图像有索引5，然后单击它右边的索引0 (因为它是6个图像中的第一个)，则单击的图像总是有较小的索引，因此旋转会向后移动。如果将当前旋转次数添加到单击索引中，则可以解决此问题，如下所示：

var rotations = Math.floor(rotate_int / size);
new_int = -1 * $(this).index() + (rotations * size);

小提琴手：http://jsfiddle.net/xr4m7he5/1/