angular-simple-slideshow

0.0.3 • Public • Published

angular-simple-slideshow

NPM version Bower version Github version

A simple set of directives that creates a customizable slideshow.

Installation

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 to your Angular app.

angular.module('app', ['simple-slideshow']);

Usage

HTML

<body ng-app="slideShowExample">
	<div ng-controller="slideShowCtrl">
		<div slideshow>
			<div slide ng-repeat="slide in slides"></div>
		</div>
	</div>
</body>

JavaScript

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'}]
	}]);

Development

Testing is done using Karma Test Runner.

$ grunt test

Release

$ grunt release

Package Sidebar

Install

npm i angular-simple-slideshow

Weekly Downloads

0

Version

0.0.3

License

none

Last publish

Collaborators

  • devlab2425