load firefox
 

var load_img = new Image();    // создаем объект "изображение"
            $(load_img).load(function(){
                $('.wrapper').css({'background-image': 'url('+ img +')'})
                
            })
            load_img.src = img;

Есть такой кусочек кода, он ждет пока подгрузится фон, потом меняет его. Все работает в хроме, но не работает в firefox.

А не лучше ли сделать прогрессивное изображение? Оно отображается сразу, а по мере загрузки проявляются детали.

Нет. Так как можно исправить баг с firefox?

eskize,
а как оно неработает? какая версия jquery?

Последняя версия jquery. В хроме идет задержка, а потом смена фона. А в firefox - фон пропадает, задержка, смена фона.

не смог воспроизвести данный баг ... кеширование ... разные источники картинок ... мысли вслух

Хром ждет пока файл прогрузится, а потом меняет фон. firefox, сразу пытается менять фон и таким образом, пока картинка подгружается - юзер видит белый фон.

если первоначального фона нет -- значит картинка номер 1 этого фона непрогрузилась -- пришла картинка номер 2 первой и стала фоном, хром видимо успевает картинку номер 1 загрузить раньше или берёт из кеша, потом меняет на картинку 2.

Изначально фон есть, обновляю с кешем.

Закомментируй скрипт, отключи кэш в инструментах разработчика. Наблюдай. Подключи скрипт. Наблюдай.