2011-06-12 84 views
0

我一直在搞亂由heygrady(https://github.com/heygrady/transform3d)開發的Jquery的transform3d插件。而我想要實現的是沿着Y軸旋轉一個div,以「僞造」可以用CSS3輕鬆完成的翻轉效果。但我想用Jquery來做到這一點,以使其在非webkit瀏覽器上運行。非webkit rotateY動畫與Jquery的Transform3d

在test.html的示例文件(可從heygrady的github上下載),筆者寫了下面的代碼:

$('img:first').transform3d({perspective: 400, rotateY: '0deg', rotateX: '30deg'}, {nudge: 1.02, quality: 7}).animate({rotateY: '60deg'}, 5000);

的功能的Transform3D工作正常,在它自己的。但帶有rotateY參數的動畫函數並不真正起作用。所以我想知道我是否錯過了某些東西或者是否有錯誤。我的JS技能是有限的,所以我不知道在哪裏尋找..

任何幫助,將不勝感激!

乾杯, Dandoen

+0

有人嗎?我已經嘗試了很多,但仍然沒有運氣:( – dandoen 2011-06-13 11:31:56

回答

0

看着GitHub上的插件的最新版本,似乎動畫沒有實際的工作呢。我只是得到了很多javascript錯誤。

+0

這是真的,我在GitHub上發佈的問題得到了答覆,作者證實代碼包含所有類型的錯誤。可能不值得他繼續工作在我的情況下,我放棄了跨瀏覽器兼容性並繼續使用CSS3 3d變換。 – dandoen 2011-08-22 08:50:55