2012-01-03 77 views
0

是否有可能使用jQuery連續旋轉圖像(如在加載gif中)?對於靜態圖像。理想情況下,它能否持續轉向45度角?帶Jquery的動畫加載Gif?

+0

「加載」圖像通常只是一個gif動畫。 – Sparky 2012-01-03 17:02:10

+0

我們的目標設備不能支持動畫GIF不幸 – Dancer 2012-01-03 17:04:46

+3

@Paul不知道設備是什麼,如果設備無法處理動畫GIF,你確定它可以處理使用JavaScript平滑旋轉圖像嗎? – 2012-01-03 17:07:48

回答

0

有jQuery庫可以用來旋轉圖像,你可以查找。看看本作instace:

http://code.google.com/p/jqueryrotate/

發現這個博客帖子,以及:

http://superdit.com/2011/01/06/rotating-image-using-jquery/

+0

一個好的答案應該是一個獨立的解決方案,而不是僅僅依賴於外部資源的鏈接,然後讀者必須找出他的解決方案。然後鏈接變壞。 – Sparky 2012-01-03 17:14:41

+0

謝謝Christofer - 你把我放在正確的線上--jquery rotate插件對我來說工作得很好。 – Dancer 2012-01-03 17:25:11

+0

@Paul樂於幫忙! – 2012-01-03 17:38:22

0

如果你有一個單一的形象,那麼你就可以做到這一點,但只有一個瀏覽器可以做旋轉變換。無需逐步走 - 一路暢通。

.rotatable { 
    -webkit-animation: Rotate 1s infinite; 
} 
-webkit-keyframes Rotate { 
    from { 
     -webkit-transform: rotate(0deg); 
    } 
    100% { 
     -webkit-transform: rotate(360deg); 
    } 
} 
+1

這就是OP爲什麼用jQuery命名和標記他的問題的原因......他希望不僅僅使用CSS來限制webkit。 – Sparky 2012-01-03 17:11:54

+0

假設他不知道CSS可以做到,或者jQuery只是執行CSS轉換。 – 2012-01-03 17:15:07

+0

而且它沒有完全回答他的問題。 – Sparky 2012-01-03 17:18:03