The first three images are flickering when the page is being loading, but after that it is gone. Does anyone know how I can solve this problem?
<script type="text/ng-template" id="pages/home.html"> <div ng-controller="SlideShowController" ng-switch="slider" class="slideshow-box animate"> <div class="slider-content" ng-switch-when="1"> <img ng-src="{{one}}" class="animate-show" alt="meizu-m3-picture"/> </div> <div class="slider-content" ng-switch-when="2"> <img ng-src="{{two}}" class="animate-show" alt="meizu-mx6-picture"/> </div> <div class="slider-content" ng-switch-when="3"> <img ng-src="{{three}}" class="animate-show" alt="meizu-m3s-picture"/> </div> </div> </script> angular.module("slideshow", ["myApp"]) .controller("SlideShowController", function($scope, $timeout) { var slideInSlideshow = 3; var slideTimeInterval = 4000; $scope.slider = 1; var slideTimer = $timeout(function interval() { $scope.slider = ($scope.slider % slideInSlideshow) + 1; slideTimer = $timeout(interval, slideTimeInterval); }, slideTimeInterval); var image1 = "image/image01.jpg"; var image2 = "image/image02.jpg"; var image3 = "image/image03.jpg"; var image = { one: image1, two: image2, three: image3 }; $scope.image = image; }); -- You received this message because you are subscribed to the Google Groups "Angular" group. To unsubscribe from this group and stop receiving emails from it, send an email to angular+unsubscr...@googlegroups.com. To post to this group, send email to angular@googlegroups.com. Visit this group at https://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.