Почему jQuery Mobile 1.1-rc1 использует .gif для значка загрузки (снова)?

Question

В 1.0.1 значок счетчика был png, который вращался с помощью CSS.Это выглядело гладко на Android 2.x для меня.

В версии 1.1-rc1 они изменили значок с .png на анимированный .gif

На Android анимированные .gifs ведут себя странно дляменя, с ошибочными скоростями на 2.2.x и 2.3.x и не работают на 2.1.x

Почему они изменили его с одного на другой?Есть ли какое-то преимущество в том, что я не использую CSS для вращения .png, который мне показался более четким и плавным.

Кто-нибудь знает, как реализовать старый загрузчик в 1.1-rc1?

Answer 1

JQM, возможно, изменил значок загрузки, потому что он полагался на анимацию webkit.Анимированный 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);}
}