jquery: определить окончание загрузки изображения

Question

я использую следующий код для загрузки изображения в ячейку

$(cell).css("background-image", "url("+iconImage+")");

Поскольку это изображение загружается с сервера .... это занимает время ... Я хочу добавить индикатор активности в эту ячейку, пока изображение не будет загружено, и остановиться, когда изображение загружено. Я видел какой-то пример, но как я не знаю jquery .... пока не могу понять, как это сделать ..

Я буду очень рад, если кто-нибудь поможет мне разобраться ... но, пожалуйста, попробуйте привести пример кода. который помогает лучше понять вещи

Answer 1

демо

попробуйте что-то вроде этого ...

$('<img/>').attr('src',iconImage).load(function(){
   // codes here when image is loaded
   alert('Image loaded');
});
$(cell).css("background-image", "url("+iconImage+")");