#angular-preload-image

A simple AngularJS module to make it easy to pre-load images to prevent the horrible waterfall effect: Demo.

#Installation

##Install with bower

bower install angular-preload-image

##Include script files

<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/angular-preload-image/angular-preload-image.min.js"></script>

##Add module dependency

angular.module('app', ['angular-preload-image']);

#Usage

##Pre-load background images

<div preload-bg-image="[URL]" default-image="[URL]" fallback-image="[URL]"></div>

##Pre-load standard images

<img preload-image ng-src="[URL]" default-image="[URL]" fallback-image="[URL]" />

#Develop

You should work only in 'develop' branch

##Publish task

Copy your output to the project you're testing on

gulp publish --path *PATH*

##Release and tag your versions

gulp release

#Licence

MIT

#Credit

Inspiration taken from Ben Nadel's post about pre-loading images.