diff options
| author | Pliable Pixels <pliablepixels@gmail.com> | 2017-09-27 11:39:30 -0400 |
|---|---|---|
| committer | Pliable Pixels <pliablepixels@gmail.com> | 2017-09-27 11:39:30 -0400 |
| commit | e18708f10b04455be151a5a799f0109c34f20a25 (patch) | |
| tree | 9e4559ef0fff8b366474e7768308ddca1e32268a /www/lib/angular-carousel/fullscreen.html | |
| parent | 97a1cb3ae199c7b5455dcba0001efd5b4c32040a (diff) | |
package updates to set up bower correctly #535
Diffstat (limited to 'www/lib/angular-carousel/fullscreen.html')
| -rw-r--r-- | www/lib/angular-carousel/fullscreen.html | 74 |
1 files changed, 0 insertions, 74 deletions
diff --git a/www/lib/angular-carousel/fullscreen.html b/www/lib/angular-carousel/fullscreen.html deleted file mode 100644 index 234e6283..00000000 --- a/www/lib/angular-carousel/fullscreen.html +++ /dev/null @@ -1,74 +0,0 @@ -<!DOCTYPE html> -<html ng-app="DemoApp"> - <head> - <meta charset="UTF-8"> - <title>angular-carousel demo</title> - <meta name="viewport" content="width=620, user-scalable=no"> - <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'> - <link href='./dist/angular-carousel.css' rel='stylesheet' type='text/css'> - <link href='./demo/demo.css' rel='stylesheet' type='text/css'> - <style> - html, body{ - margin:0; - padding:0; - } - </style> - </head> - <body ng-controller="DemoCtrl"> - <div class="carousel-demo-fullscreen"> - <ul rn-carousel rn-carousel-controls rn-carousel-transition="hexagon" rn-carousel-index="carouselIndex" rn-carousel-buffered class="carousel1"> - <li ng-repeat="slide in slides track by slide.id" ng-class="'id-' + slide.id"> - <div ng-style="{'background-image': 'url(' + slide.img + ')'}" class="bgimage"> - #{{ slide.id }} - </div> - </li> - </ul> - </div> - - </body> - <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script> - <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular-touch.min.js"></script> - - <script src="./dist/angular-carousel.min.js"></script> - <!--<script src="./src/angular-carousel.js"></script> - <script src="./src/directives/rn-carousel.js"></script> - <script src="./src/directives/rn-carousel-indicators.js"></script> - <script src="./src/directives/sliceFilter.js"></script> - <script src="./src/directives/shifty.js"></script> - --> - <script> - angular.module('DemoApp', [ - 'angular-carousel' - ]) - - .controller('DemoCtrl', function($scope) { - - $scope.colors = ["#fc0003", "#f70008", "#f2000d", "#ed0012", "#e80017", "#e3001c", "#de0021", "#d90026", "#d4002b", "#cf0030", "#c90036", "#c4003b", "#bf0040", "#ba0045", "#b5004a", "#b0004f", "#ab0054", "#a60059", "#a1005e", "#9c0063", "#960069", "#91006e", "#8c0073", "#870078", "#82007d", "#7d0082", "#780087", "#73008c", "#6e0091", "#690096", "#63009c", "#5e00a1", "#5900a6", "#5400ab", "#4f00b0", "#4a00b5", "#4500ba", "#4000bf", "#3b00c4", "#3600c9", "#3000cf", "#2b00d4", "#2600d9", "#2100de", "#1c00e3", "#1700e8", "#1200ed", "#0d00f2", "#0800f7", "#0300fc"]; - - function addSlide(target, style) { - var i = target.length; - target.push({ - id: (i + 1), - label: 'slide #' + (i + 1), - img: 'http://lorempixel.com/450/300/' + style + '/' + ((i + 1) % 10) , - color: $scope.colors[ (i*10) % $scope.colors.length], - odd: (i % 2 === 0) - }); - }; - - $scope.carouselIndex = 3; - - function addSlides(target, style, qty) { - for (var i=0; i < qty; i++) { - addSlide(target, style); - } - } - - // 1st ngRepeat demo - $scope.slides = []; - addSlides($scope.slides, 'sports', 50); - - }); - - </script> -</html> |
