当鼠标悬停时会换背景图片 html onmousemove,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

忘了提我用这个预加载

(function(d){var h=[];d.loadImages=function(a,e){"string"==typeof a&&(a=[a]);for(var f=a.length,g=0,b=0;b

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