A simple set of directives that creates a customizable slideshow.
http://devlab2425.github.io/angular-simple-slideshow/example/slideshow-example.html
Download angular-simple-slideshow.js or install with bower
$ bower install angular-simple-slideshow --save
Load angular-simple-slideshow.js
, then add the simple-slideshow
module to your application.
angular.module('yourApp', ['simple-slideshow']);
<body ng-app="slideShowExample">
<div ng-controller="slideShowCtrl">
<div slideshow>
<div slide ng-repeat="slide in slides"></div>
</div>
</div>
</body>
angular.module('slideShowExample', ['simple-slideshow'])
.controller('slideShowCtrl', ['$scope', function($scope){
$scope.slides = [
{name: 'Not my cat.', url: 'https://farm2.staticflickr.com/1318/5114665665_e55b2c2169_n.jpg'},
{name: 'Again, not my cat.', url: 'https://farm2.staticflickr.com/1079/901626554_8bc51ec160_n.jpg'}
];
}]);
Testing is done using Karma Test Runner.
$ grunt test
Will validate then minimize the JS, as well as copy to the example directory.
$ grunt build