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

jQuery Carousel Flex 3D Carousel

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

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

rotate_int

我认为问题可能出在哪里。任何帮助将不胜感激!

干杯!

您使用下面这行来查找点击图像的位置:

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

因此,如果您当前的图像具有索引 5 并且您单击它右侧具有索引 0 的图像(因为它是 6 张图像中的第一张),则单击的图像将始终具有较小的索引,因此旋转向后移动。如果像这样将当前旋转数添加到单击的索引,就可以解决此问题:

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

jsfiddle: http://jsfiddle.net/xr4m7he5/1/