Load images asynchronously and determine when the loading is finished

images-loaded.js

const getImage = url => (
  new Promise((resolve, reject) => {
    const image = new Image()
    
    image.onload = e => {
      resolve(image)
    }

    image.onerror = e => {
      reject(Error("Network Error"))
    }

    // image.width = 500
    image.src = url
  })
)

/**
* Returns image promises
* @param {String[]} images - array of urls
* @returns {Promise[]} An array of image promises
*/
const loadImages = images => (
  images.map(getImage)
)

/*
Promise.all(loadImages(images))
  .then() // Done callback
  .catch()
*/