Add option to center target slide

This is a re-implementation of sachinchoolur#144
dairiki · Mar 30, 2016 · 7d90ea7 · 7d90ea7
1 parent 30e5025
commit 7d90ea7
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -113,6 +113,7 @@ add the Following code to the &lt;head&gt; of your document.
             nextHtml: '',
 
             rtl:false,
+            centerSlide: false, // center the active slide
             adaptiveHeight:false,
 
             vertical:false,

diff --git a/dist/js/lightslider.js b/dist/js/lightslider.js
@@ -1,6 +1,6 @@
-/*! lightslider - v1.1.5 - 2015-10-31
+/*! lightslider - v1.1.5 - 2016-03-30
 * https://github.com/sachinchoolur/lightslider
-* Copyright (c) 2015 Sachin N; Licensed MIT */
+* Copyright (c) 2016 Sachin N; Licensed MIT */
 (function ($, undefined) {
     'use strict';
     var defaults = {
@@ -24,6 +24,7 @@
         prevHtml: '',
         nextHtml: '',
         rtl: false,
+        centerSlide: false,
         adaptiveHeight: false,
         vertical: false,
         verticalHeight: 500,
@@ -610,6 +611,12 @@
                         _sV += (parseInt($children.eq(i).width()) + settings.slideMargin);
                     }
                 }
+                if (settings.centerSlide) {
+                    var extraWidth = elSize - $children.eq(scene).width();
+                    if (extraWidth > 1) {
+                        _sV -= Math.round(extraWidth / 2);
+                    }
+                }
                 return _sV;
             },
             slideThumb: function () {
@@ -1140,4 +1147,4 @@
         });
         return this;
     };
-}(jQuery));
+}(jQuery));
diff --git a/dist/js/lightslider.min.js b/dist/js/lightslider.min.js
diff --git a/src/js/lightslider.js b/src/js/lightslider.js
@@ -21,6 +21,7 @@
         prevHtml: '',
         nextHtml: '',
         rtl: false,
+        centerSlide: false,
         adaptiveHeight: false,
         vertical: false,
         verticalHeight: 500,
@@ -607,6 +608,12 @@
                         _sV += (parseInt($children.eq(i).width()) + settings.slideMargin);
                     }
                 }
+                if (settings.centerSlide) {
+                    var extraWidth = elSize - $children.eq(scene).width();
+                    if (extraWidth > 1) {
+                        _sV -= Math.round(extraWidth / 2);
+                    }
+                }
                 return _sV;
             },
             slideThumb: function () {
@@ -1137,4 +1144,4 @@
         });
         return this;
     };
-}(jQuery));
+}(jQuery));