jQuery Carousel Flex 3D轮播

Question

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

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

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