jQuery：Circulate插件：在动画中途停止

Question

有没有人在改变插件代码方面有任何好运，以便可以在“3d”空间中为对象设置动画仅1/4或1/2转？

目前，对象必须在停止或循环之前完成一整圈。

对于那些尚未见过的人：http://css-tricks.com/examples/Circulate/

Answer 1

插件的核心在代码中的第46行开始：

base.$el.animate( ... )
 .animate( ... )
 .animate( ... )
 .animate( ... )

每个animate函数负责1/4旋转。因此，如果您只想破解它，请移除最后两个动画调用以进行1/2旋转，如果您只想要第一个1/4，则删除三个。无论哪种方式，您都希望使用这四个animate来电。

Answer 2

您可以创建4个对象，将它们放在彼此的顶部，然后使用z-index隐藏每个对象3/4的旋转。

$(obj1).circulate({ ... , zIndexValue: [ 1, -1, -1, -1] });
$(obj2).circulate({ ... , zIndexValue: [-1,  1, -1, -1] });
$(obj3).circulate({ ... , zIndexValue: [-1, -1,  1, -1] });
$(obj4).circulate({ ... , zIndexValue: [-1, -1, -1,  1] });

这有效，但我真的希望每转1/8转换一个不同的图像，所以如果你或其他任何人提出更好的解决方案，请告诉我。