index.html

<!DOCTYPE html>
<html lang="en" ng-app="angularify.angular-lazyload">
<head>
    <meta charset=utf-8>
    <title>Angularify - lazy loading</title>
    <link rel="stylesheet" type="text/css" href="src/css/lazy.css">
</head>

<body ng-controller="RootController">
    <div>
        <img lazy="img/800px-Big_Sur_June_2008.jpg" height="600px" width="800px"
             style="display: block; left: 10px; margin-top: 10px;" ></img>
        <img lazy="img/BIG_Zira_Island_Copyright_BIG_1_S.jpg" height="600px" width="800px"
             style="display: block; left: 10px; margin-top: 10px;"></img>
        <img lazy="img/Big_wave.jpg" style="display: block; left: 10px;" height="600px" width="800px"></img>
        <img lazy="img/Fronalpstock_big.jpg" style="display: block; left: 10px;" height="600px" width="800px"></img>
        <img lazy="img/orionfull_jcc.jpg" style="display: block; left: 10px;" height="600px" width="800px"></img>
        <img lazy="img/stock_big.jpg" style="display: block; left: 10px;"></img>
    </div>
    
    <script src="src/lib/angular.min.js" type="text/javascript"></script>
    <script src="src/angular-lazyload.js" type="text/javascript"></script>
    <script src="src/directives/lazy-load.js" type="text/javascript"></script>
    <script src="demo/demoCtrl.js" type="text/javascript"></script>

</body>
</html>