i need to preload images after an $http service.

Now in my application i'm using promise/resolve method to preload data with service.
here my service:

```
angular.module('davelab.services', [])

.factory('srvProjects', ['$http', function ($http) {
    var API = '/backend/api/';

    var sdo = {

        getProjects: function() {

            var promise = $http({ method: 'GET', url:  API + 'get_posts/' }).success(function(data, status, headers, config) {
                return data;
            });

            return promise;

        }

    };

    return sdo;

}]);
});

```

and here the route part:

```
 $routeProvider.when('/projects', {
        templateUrl: 'app/partials/list-projects.html',
        controller: 'ProjectsCtrl',
        resolve: {
                projects: function(srvProjects) {
                return srvProjects.getProjects();
            }
        }
    });

```

it works well with data but for the images retrieved from api request it doesn't work.

How can I preload images in cache before show the view with this method?

i have to iterate through data into success callback or somewhere else?

thanks.