From 435fba1de9ef743e372822fff6753d94f31a2068 Mon Sep 17 00:00:00 2001
From: Alvaro Saburido <alvaro.saburido@gmail.com>
Date: Wed, 14 Dec 2016 18:02:12 +0100
Subject: [PATCH] directive param for centeredSlides

---
 demos/index.html      | 13 ++++++++-----
 src/angular-swiper.js |  4 +++-
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/demos/index.html b/demos/index.html
index 7ad773c..2d979df 100644
--- a/demos/index.html
+++ b/demos/index.html
@@ -18,12 +18,15 @@
             height: 100px;
             border-bottom: 1px solid gray;
         }
-        
+
         .swiper-container {
             width: 100%;
             height: 100%;
         }
-        
+        .swiper-slide-active > img {
+            width: 72px;
+            height: 72px;
+        }
         .swiper-slide {
             text-align: center;
             font-size: 18px;
@@ -41,7 +44,7 @@
     <div ng-app="demoApp">
 
         <div class="myslides">
-            <ks-swiper-container loop="false" show-nav-buttons="false" slides-per-view="4" space-between="5" pagination-clickable="false">
+            <ks-swiper-container loop="false" show-nav-buttons="false" slides-per-view="4" space-between="5" pagination-clickable="false" centered="true">
                 <ks-swiper-slide ng-repeat="s in [1,2,3,4,5,6,7,8,9,10,11,12,13,14]">
                     <img ng-src="http://api.randomuser.me/portraits/thumb/men/{{s}}.jpg">
                 </ks-swiper-slide>
@@ -80,7 +83,7 @@
 
     <script src="../bower_components/swiper/dist/js/swiper.js"></script>
     <script src="../bower_components/angular/angular.js"></script>
-    <script src="../dist/angular-swiper.js"></script>
+    <script src="../src/angular-swiper.js"></script>
 
     <script>
         var module = angular.module('demoApp', ['ksSwiper']);
@@ -100,4 +103,4 @@
 
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/src/angular-swiper.js b/src/angular-swiper.js
index 44d4d74..7f4483c 100644
--- a/src/angular-swiper.js
+++ b/src/angular-swiper.js
@@ -38,6 +38,7 @@
                 showNavButtons: '=',
                 showScrollBar: '=',
                 loop: '=',
+                centered: '=',
                 autoplay: '=',
                 initialSlide: '=',
                 containerCls: '@',
@@ -61,7 +62,8 @@
                     direction: $scope.direction || 'horizontal',
                     loop: $scope.loop || false,
                     initialSlide: $scope.initialSlide || 0,
-                    showNavButtons: false
+                    showNavButtons: false,
+                    centeredSlides: $scope.centered || false
                 };
 
                 if (!angular.isUndefined($scope.autoplay) && typeof $scope.autoplay === 'number') {