Multiple Image Load

Author: Mayank Dixit Desc: This is a fiddle explaining how use jQuery + angular to show a loading sign before an image is completely loaded on the page.

HTML

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<div ng-app="myApp">
    <div ng-controller="mainCtrl">
        <div   ng-repeat="trophy in trophies ">
            <img ng-src="{{ trophy }}" />`
        </div>
    </div>

JavaScript

var myApp = angular.module('myApp',[]);
myApp.controller('mainCtrl',function($scope){
    $scope.trophies  = [
        "http://goo.gl/DPo6K7",
        "http://goo.gl/EvgtSD",
    ];

    
});