映像预加载和内存问题

Image Preloading and Memory issue

本文关键字:内存 问题 加载 映像      更新时间:2023-09-26

我有一个图片库。当我单击特定图库的缩略图时,它将加载实际大小的图像(大小~800KB)。此外,用户可以选择在按下键盘左右箭头键的同时查看上一个和下一个图像。为了获得更好的性能,我在java脚本中创建了一个预加载方法,如下所示

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

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

内存利用率在每个预加载方法调用时增加。当我查看超过20张图片时,Firefox正在关闭。如何解决此内存问题。如何在此处实现更好的图像预加载机制。任何人都可以帮我吗?

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

  1. 填充缩略图数组
  2. 当用户滚动时,替换数组中不相关的缩略图
  3. 利润!!