javascript - 图像预加载和内存问题

Question

我有一个图片库。当我单击特定画廊的缩略图图像时，它将加载实际大小的图像（大小〜 800KB）。用户还可以选择在按下键盘左右箭头键时查看上一个和下一个图像。为了获得更好的性能，我在这样的 java 脚本中创建了一个预加载方法

function preload(src)
{
 var image = new Image();
image.src = src; 
}

当用户按下左/右键时，我将调用此 preload() 方法来预加载下一张和上一张图像。我面临的问题是

每个预加载方法调用都会增加内存利用率。当我查看超过 20 张图像时，Firefox 正在关闭。如何解决这个内存问题。我怎样才能在这里实现更好的图像预加载机制。谁能帮帮我吗。

score 1 · Accepted Answer

也许您可以将图像保存在数组中，一段时间后用新图像替换它们。像这样;

1 回答 1