angular image preloader

preload.js

angular
  .module('preload', [])
  .factory('preload', function ($q) {

    'use strict';

    function getImage (src, ignoreFailure) {
      var defer = $q.defer();
      var img = new Image();
      var resolve = defer.resolve.bind(defer, img);

      img.onload = resolve;
      img.onerror = ignoreFailure ? resolve : defer.reject.bind(defer);
      img.src = src;

      return defer.promise;
    }

    function getImages (queue) {
      queue = angular.isArray(queue) ? queue : [queue];
      var requests = queue.map(function (src) {
        return getImage(src, true);
      });

      return $q.all(requests);
    }

    return {
      image: getImage,
      images: getImages
    };

  });