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/
我已经实现了这个工作正常的旋转木马,但是当我点击所有图像将我带回到旋转木马的开始时,旋转木马旋转回所有图像到第一张图像。我在这里设置了一个 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/