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/