Прежде всего следует упомянуть, что мой код работает в IE8 и Google Chrome. У меня проблема только в Firefox, я тестировал ее в Ubuntu и Win XP, та же проблема с FF.
Я пытаюсь отобразить изображение в формате ajaxloader в формате gif, пока я обновляю страницу. В самом начале я использую функцию jquery .ready (), чтобы скрыть обновление div #, которое будет отображать изображение. Когда мы нажимаем на ссылку обновления, я показываю обновление div #. Моя проблема в том, что ajaxloader.gif не поворачивается как и должно быть, оно становится исправленным изображением. Но, как уже упоминалось, он работает в Chrome и IE.
Есть идеи, почему?
HTML:
<div id="refreshing">Refreshing</div>
<a href="javascript: refreshPage();">Refresh</a>
CSS:
#refreshing {
font: 14px Verdana,Arial;
color: #00264b;
background: url("/med/base/img/ajax-loader-blue.gif") center no-repeat;
}
JavaScript:
$(document).ready(
function() {
// hide the ajax loader
$("#refreshing").hide();
}
);
function refreshPage() {
$("input").attr("disabled", "disabled");
$("select").attr("disabled", "disabled");
$("img").attr("onclick", "");
$("a").attr("href", "#");
window.location.href = window.location.href;
$("#refreshing").toggle();
}
Еще одна вещь: в конфигурации firefox image.animation_mode установлено значение normal . Кроме того, если я посмотрю под firebug, изображение станет анимированным.
Всем спасибо.