title: Angular js Images slider example
body: <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;body ng-app="myApp"&gt;
    
    &lt;div  ng-controller="slideShowController" class="imageslide" ng-switch='slideshow' ng-animate="'animate'"&gt;
     &lt;div class="slider-content" ng-switch-when="1"&gt;
      &lt;img src="../images/ship.png" /&gt;
     &lt;/div&gt; 
     &lt;div class="slider-content" ng-switch-when="2"&gt;
       &lt;img src="../images/cargo.png" /&gt;
     &lt;/div&gt;
     &lt;div class="slider-content" ng-switch-when="3"&gt;
      &lt;img src="../images/lake.png" /&gt;
     &lt;/div&gt; 
     &lt;div class="slider-content" ng-switch-when="4"&gt;
      &lt;img src="../images/cargo2.png" /&gt;
     &lt;/div&gt; 
    &lt;/div&gt;  
    &lt;script&gt;
    var app = angular.module('myApp', ['angular-responsive']);
    app.controller('slideShowController', function($scope, $timeout) {
    //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); 
    });
    &lt;/script&gt;
    
   &lt;/body&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="../bower_components/angular/angular.min.js"&gt;&lt;/script&gt;
           &lt;script src="../bower_components/angular-responsive/src/responsive-directive.js"&gt;&lt;/script&gt;
           &lt;script src="../bower_components/script.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="../bower_components/style2.css" /&gt;
      
      &lt;link href="../bower_components/style3.css" rel='stylesheet' type='text/css'&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I need Images slider plugin in angular js. It must work both desktop and mobile. Can you please send one example for Image slider Angular JS.</p>
  
  <p>This is the code I am using. Here I slide function is working. But no responsive. For mobile view it is working.</p>