加快图像加载

Question

我有一组预加载的图像，我的页面上有9个img标签。 当我将鼠标悬停在按钮上时，我想用数组中的图像随机替换和加扰九个imgs。 这一切都有效但是，它运行缓慢，imgs重新加载src。我怎么做

var arrayImg = new Array();

arrayImg[0] = new Image();

<img id="img0" >

然后做：

document.getElementbyID("img0").src = arrayImg[random_ndx].src;

有9张图片。

我正在新的快速电脑上运行ie8，但是图像变化有一个非常明显的滞后。所以，我的问题;如何将缓存的图像（arrayImg [random_ndx]）直接分配给页面上的元素（）？

Answer 1

使用.replaceChild。

local old = document.getElementbyID("img0")
old.parent.replaceChild(arrayImg[random_ndx], old)

请注意，任何元素都不能位于页面上的多个位置，因此如果您将某个元素从arrayImg放置到某处，然后使用它来替换另一个图像，则不会有两个图像，它会移动从之前的位置到新的位置。

Answer 2

您可以加载图片并隐藏它们。然后你需要显示隐藏的图像。这就是我模拟缓存数组的方法。