Javascript幻灯片放映

我有一个简单的淡入淡出的幻灯片，在一段时间内效果很好，但可以播放大约300张图片。过了一段时间，它开始跳跃并丢失一些，我认为这是因为加载了太多的图像。是否有一种方法可以在查看图像后“卸载”图像，或者可能是其他图像？

让所有图像在显示幻灯片之前加载，或者跳过未加载的图像

您可以这样做，例如：

var images = ['./path1.jpg', './path2.jpg']; // Array with all images
var imageCount, imagesLoaded, c;

imageCount = images.length; // Get images count
imagesLoaded = 0;

for (c = 0; c < imageCount ; c++){ // Loop thorough all images
  var image = document.createElement('img'); // Create img tag
  image.setAttribute('src', images[c]); // Set src attribute
  document.body.appendChild(image); // Add img tag to body

  image.onload = function() { 
    imagesLoaded++; // Add loaded image to loaded images count

    console.log('Loaded: ' + imagesLoaded + '/' + imageCount); // debug

    if (imagesLoaded == imageCount){ // when all images loaded   
      // Start your slideshow
    }
  }
}

var-images=['./path1.jpg'，'./path2.jpg']；//包含所有图像的数组
var imageCount，imagesLoaded，c；
imageCount=images.length；//获取图像计数
imagesLoaded=0；
对于（c=0；c

可能是其他内容。请将其显示给我们，以便我们能够提供帮助