Firefox不显示背景图像

Question

我为一位摄影师建立了一个网站，你可以翻转他的照片。照片是身体背景图像。我使用下面的脚本预加载它们

  function preloadImage(source, destElem) {

        var image = new Image();

        image.src = source;

        image.onload = function () {
          setTimeout(function(){
            var cssBackground = 'url(' + image.src + ')';
            $(destElem).css('background-image', cssBackground);
          }, 100);

        };

  }

现在这在Safari，Chrome中工作正常，但在此功能启动时在firfox中，背景变为白色，图片不会显示，直到光标在图像上移动。

首先，我认为在完成加载之前已经设置了背景图像。这就是为什么我尝试了imange.onload功能，但它似乎不起作用。

如果有人知道出了什么问题，我会非常感激。