Обратная передача в Chrome, предотвращающая загрузку изображения?

Question

Я делаю обратную передачу для создания графика.Когда пользователь нажимает кнопку, он использует jQuery для добавления HTML-кода на страницу, чтобы показать анимированный GIF и оверлей.

Это прекрасно работает в IE и FF, но в Chrome изображение не загружается.Кто-нибудь знает, что здесь происходит?

При рассмотрении проблемы я заметил, что, если я запускаю этот код в консоли JavaScript, он работает, и он будет работать, как и ожидалось, после запуска в консоли (отображение изображения при обратной передаче).

Вот код, который я использую для добавления HTML:

$("body")
.append("<div class='ui-widget-overlay working'></div>")
.append("<div class='ProcessMessage working'><img alt='Loading' src='images/indicator_big.gif' /><br /><br />Loading...</div>");

Answer 1

У меня были похожие проблемы с Chrome, исправленные путем предварительной загрузки изображения:

new Image().src = 'images/indicator_big.gif';
// ...
$("body")
    .append("<div class='ui-widget-overlay working'></div>")
    .append("<div class='ProcessMessage working'><img alt='Loading' src='images/indicator_big.gif' /><br /><br />Loading...</div>");

В качестве альтернативы, вы можете просто вставить дополнительные <img> на страницу.1007 *

<img class="preload" src="images/indicator_big.gif"/>

CSS

/* uses the "off-left" technique*/
img.preload {
    position: absolute;
    left: -10000px;
}