2012-03-30 6 views
4

1.0.1では、スピナーアイコンはCSSで回転されたpngでした。これは私のためにAndroid 2.x上で滑らかに見えました。jQuery Mobile 1.1-rc1はロードアイコン(.gif)に.gifを使用するのはなぜですか?

彼らは.PNGからAndroidのアニメーション.gifsで

アニメーション.gifにアイコンを変更した1.1-RC1が2.2.xのと2.3.x以降とドンに不安定なスピードで、私のために奇妙な振る舞いバージョンで

2.1.xで作業する

なぜ彼らはそれを他のものに変更しましたか? CSSを使用して.pngを回転させるのに利点はありますか?それは私のためにはるかに鮮明でスムーズです。

誰も1.1-rc1で古いローダーを実装する方法を知っていますか?

答えて

13

Webkitアニメーションに依存しているため、JQMが読み込みアイコンを変更している可能性があります。アニメーションGIFは、より多くのブラウザをサポートしています。

pngローディングアイコンを実装するには、.ui-icon-loadingクラスをオーバーライドします。

.ui-icon-loading { 
    background: url(http://code.jquery.com/mobile/1.1.0-rc.1/images/ajax-loader.png); 
    background-size: 46px 46px; 
    width:46px; 
    height:46px; 
    -webkit-transform: rotate(360deg); 
    -webkit-animation-name: spin; 
    -webkit-animation-duration: 1s; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-timing-function: linear; 
} 
@-webkit-keyframes spin { 
    from {-webkit-transform: rotate(0deg);} 
    to {-webkit-transform: rotate(360deg);} 
} 
+0

おかげでチームメイト本当に私は他の日とも気づいたし、それは完全に私の頭で遊んでいたこと –

+0

を感謝しています。 – imaginethepoet

関連する問題