js 判断多个图片资源加载完毕

要判断多个图片资源是否全部加载完成，可以使用计数器的方式来实现。你可以定义一个计数器变量，初始化为图片的总数量，然后在每个图片的onload事件中将计数器减1。当计数器变为0时，表示所有图片都已加载完成。

以下是一个示例代码，演示了如何判断多个图片资源是否加载完毕：

// 图片资源数组
var images = [
  "path/to/image1.jpg",
  "path/to/image2.jpg",
  "path/to/image3.jpg"
];

// 计数器初始化为图片的总数量
var count = images.length;

// 遍历图片资源数组
for (var i = 0; i < images.length; i++) {
  // 创建新的图片对象
  var image = new Image();

  // 设置图片的src属性
  image.src = images[i];

  // 添加事件监听器
  image.onload = function() {
    // 图片加载完成后将计数器减1
    count--;

    // 判断计数器是否为0，若为0表示所有图片加载完成
    if (count === 0) {
      console.log("所有图片加载完毕");
    }
  };

  // 添加错误处理
  image.onerror = function() {
    // 图片加载出错时将计数器减1
    count--;

    // 判断计数器是否为0，若为0表示所有图片加载完成
    if (count === 0) {
      console.log("所有图片加载完毕");
    }
  };
}

在上面的示例中，首先定义了一个图片资源数组images，其中包含了多个图片的路径。然后使用一个循环遍历该数组，在每次循环中创建一个新的图片对象，并为每个图片对象设置src属性。

接下来，在每个图片对象的onload事件和onerror事件中，将计数器减1。当计数器变为0时，表示所有图片都已加载完成，此时可以执行相应的操作，比如输出提示信息。

请注意，由于图片加载是异步的过程，所以在判断所有图片加载完成之前，可能会先执行一些其他的代码。因此，请确保在需要使用图片的地方，加入对图片加载完成的判断或者使用回调函数来处理。