Question

我已经实现了这个旋转木马工作正常，但是当我点击所有图像将我带回到旋转木马的开始时，旋转木马将所有图像旋转回到第一张图像。我在这里设置了一个jsfiddle以显示问题 -

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);