jQuery：循環插件：在動畫中途停止

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的不同的圖像，所以如果你或其他人有更好的解決方案出現讓我知道。