Image Slider using AngularJs

<!DOCTYPE html>
<htm ng-app>

  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js"></script>

    <script>

        function slideShowController($scope, $timeout) {
            var slidesInSlideshow = 4;
            var slidesTimeIntervalInMs = 3000;

            $scope.slideshow = 1;
            var slideTimer =
    $timeout(function interval() {
        $scope.slideshow = ($scope.slideshow % slidesInSlideshow) + 1;
        slideTimer = $timeout(interval, slidesTimeIntervalInMs);
    }, slidesTimeIntervalInMs);
        }
    </script>

  </head>

    <body>

        <div style="width:600px; border:2px solid gray">
        <div ng-controller="slideShowController" class="imageslide" ng-switch='slideshow' ng-animate="'animate'">
            <div class="slider-content" ng-switch-when="1">
                <img src="Image/img1.jpg" />
            </div>
            <div class="slider-content" ng-switch-when="2">
                <img src="Image/img2.jpg" />
            </div>
            <div class="slider-content" ng-switch-when="3">
                <img src="Image/img3.jpg" />
            </div>
            <div class="slider-content" ng-switch-when="4">
            <img src="Image/img4.jpg" />
            </div>
        </div>
        </div>

    </body>
</html>