image loader

loadimages.js

define(
  function(){
    "use strict";
    return function(urls, success){
      var imgs, counter=0;

      function isEverythingDone(){
        counter++;
        console.log('Loaded '+counter+' of '+urls.length+': '+this.src+' '+this.width+'*'+this.height);
        if(counter == urls.length) {
            success(imgs);
        }
      }

      function urlToImgElement(url){
          var el=new Image();
          el.src=url;
          el.onload=isEverythingDone;
          return el;
      }

      console.log('Attempting to load '+urls.length+' images...');
      imgs = urls.map(urlToImgElement);
  }
});

With regards to ES3, I prefer to code for newer and use polyfills for older browsers. I am aware that polyfills are not always 100% identical to the real thing, however for my coding style it usually seems to work.