angularjs lazy image loading directive

gistfile1.js

var module = angular.module('ng-lazy', []);
module.directive("ngLazy", function() {
	return {
		link : function(scope, element, attrs) {
			var img, loadImage;
			img = null;
			loadImage = function() {
				element[0].src = attrs.ngLazyPlaceholder;
				img = new Image();
				img.src = attrs.ngLazy;
				img.onload = function() {
					element[0].src = attrs.ngLazy;
					if (typeof (scope.ngLazyCallback) !== 'undefined') {
						scope.ngLazyCallback();
					}
				};
			};
			scope.$watch((function() {
				return attrs.ngLazy;
			}), function(newVal, oldVal) {
				loadImage();
			});
		}
	};