Quantcast
Channel: Ionic Framework - Ionic Forum
Viewing all articles
Browse latest Browse all 49526

Show spinner while image is load from server

$
0
0

@Zappa wrote:

Hey guys,

i use the ion-scroll to display images from my server folder..
thats works already but i need a loading animation before the images completely loaded.

HTML:
<a class="item item-list-detail">
<ion-scroll direction="x">
<div id="imgContainer" ng-repeat="image in allImagesX" repeat-done="repeatDone()">
<img ng-src="{{image.src}}" class="image-list-thumb"/>
</div>
</ion-scroll>
</a>

Controller:
$http.get("http:/.../getPics.php").then(function (response) {
$scope.EntryData = response.data;
$scope.allImagesX = [{
'src' : 'http://...' + $scope.EntryData[0]["preview"]
}, {
'src' : 'http://...' + $scope.EntryData[1]["preview"]
}, {
'src' : '...' + $scope.EntryData[2]["preview"]
}, {
'src' : '...' + $scope.EntryData[3]["preview"]
}, {
'src' : '...' + $scope.EntryData[4]["preview"]
}];
});

//example: 'src' : "http://www.example.com/folder/img1.jpg"

It would be great if anyone could post a solution for my problem or a workaround for example.

Posts: 1

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 49526

Trending Articles