Изображение CSS, вызываемое в функции JavaScript, иногда не загружается

Question

Иногда фоновое изображение CSS не загружается. Что может быть причиной этого?

У меня есть код Javascript, как это:

function progressBar(file_id) { 

    pbar = ($("<div />").attr('id',file_id+"-statusicon").css({"background-image" : "url('../img/test-skip-icon.png')", "width" : "16px", "height" : "16px"})); 
    $("#"+file_id+" .status").append(pbar); 
} 

, а затем я называю это в другой функции:

progressBar(file_id); 

Проблема заключается в том, что иногда изображение загружается должным образом, а иногда нет. Размер изображения png составляет около 9 КБ.

Любые мысли?

Answer 1

вы можете предварительно загрузить изображение до того, как этот вызов будет выполнен, чтобы убедиться, что он находится в кеше. Есть много статей о том, как загружать изображения. Вы также можете рассмотреть возможность использования данных: uri для изображения, поэтому вообще не нужно загружать из файловой системы - Mike McCaughan