jQuery,更改背景图片时删除闪烁

我正在尝试删除Chrome中的闪烁和FF,尽管它在FF中更少.
该脚本根据水平鼠标位置滚动20个背景jpg.
这种作品但非常闪烁.

jQuery的

$( document ).ready( function() {
var xSlider = $("#third"); //cache
var loopvar = 10; //set start img to 10
xSlider.css({BACkgroundImage : 'url(images/' + loopvar + '.jpg)'}); 
document.onmousemove = function(E){
        var mouseposimg = Math.floor(e.pageX / Math.floor($(window).width() / 20) + 1);
        if (mouseposimg > 20) { mouseposimg = 21; } //if outside browser
        if (mouseposimg < 0) { mouseposimg = 1; }

        if(loopvar != mouseposimg) { 
            xSlider.css({BACkgroundImage : 'url(images/' + mouseposimg + '.jpg)'}); 
            loopvar = mouseposimg; 
        }


};

});

CSS

#third{
BACkground: no-repeat 100%;
-webkit-BACkground-size: cover;
-moz-BACkground-size: cover;
-o-BACkground-size: cover;
BACkground-size: cover;

}

HTML

<div id="third">
</div>

忘了提我用这个预加载

(function(d){var h=[];d.loadImages=function(a,E){"String"==typeof a&&(a=[a]);for(var f=a.length,g=0,b=0;b<f;b++){var c=document.createElement("img");c.onload=function(){g++;g==f&&d.isFunction(E)&&e()};c.src=a[b];h.push(C)}}})(jQuery);

$.loadImages([‘1.jpg’,’2.jpg’等等等))

for (var x = 1; x <= 21; x++) {
    (new ImagE).src = 'images/' + x + '.jpg';
}