Question

下面是我正在尝试的javascript。我在教自己JS。事实上，这段代码以空格而不是第一张图片开头。我想问某人，如果bgcur = 0会在开始时给我一个背景图像，而不是白色空间，直到第一个图像加载，这就是当前发生的情况。

如果没有，有人可以告诉我如何为这些图像构建预加载器吗？

<script type="text/javascript">
var bgArr = [
 'images/bg1.jpg',
'images/bg2.jpg',
'images/bg3.jpg',
'images/bg4.jpg',
'images/bg5.jpg',
'images/bg6.jpg',
'images/bg7.jpg',
'images/bg8.jpg',
'images/bg9.jpg',
'images/bg10.jpg'];

document.body.style.backgroundImage = 'url(' + bgArr[10] + ')';
bgCur = 0;
backgroundSwitch = function () {
if (bgCur == bgArr.length) bgCur = 0;
document.body.style.backgroundImage = 'url(' + bgArr[bgCur++] + ')';
}
window.setInterval(backgroundSwitch, 6000); // Switch every 6 seconds.
</script>

Answer 1

当数组不存在时，无需将背景图像放到数组的索引10上。 从

开始

document.body.style.backgroundImage = 'url(' + bgArr[9] + ')'; //any value between 0-[arraylength-1]

加载大背景图像，在等待负载时消除空白区域

1 个答案: