It is AngularJS Directive based on Brad's Swipe
-
Requires AngularJS 1.1.4+
-
Include
swipe.js
andswiper.js
into your page -
Declare
'angular-swipe'
as a dependency for your angular app:angular.module('myApp', ['swiper']);
-
Swipe only needs to follow a simple pattern. Here is an example:
<div swiper >
<div>
<div></div>
<div></div>
<div></div>
</div>
</div>
Above is the initial required structure– a series of elements wrapped in two containers. Place any content you want within the items.
Also Swipe needs just a few styles added to your stylesheet:
.swipe {
overflow: hidden;
visibility: hidden;
position: relative;
}
.swipe-wrap {
overflow: hidden;
position: relative;
}
.swipe-wrap > div {
float:left;
width:100%;
position: relative;
}