-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
39 lines (36 loc) · 1.39 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<html ng-app="app">
<head>
<link rel="stylesheet" type="text/css" href="dist/slideshow.css">
<link rel="stylesheet" type="text/css" href="index.css">
<style>
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
</style>
<head>
<body ng-cloak ng-controller="SlidesController as slides">
<slideshow>
<div ng-include src="'slides.html'"></div>
</slideshow>
</body>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.0/angular.min.js" ></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.0/angular-animate.min.js" ></script>
<script type="text/javascript" src="dist/slideshow.js"></script>
<script>
angular.module("app", ["slideshow"]).controller("SlidesController", function(){
this.shown = function(index){
console.log("slide shown " + index);
};
this.next = function(index, nextIndex){
console.log("next clicked on " + index + " going to " + nextIndex);
//if you change this to false next click won't work
return true;
}
this.prev = function(index, prevIndex){
console.log("prev clicked on " + index + " going to " + prevIndex);
//if you change this to false prev click won't work
return true;
}
});
</script>
</html>